diff --git a/app/page.tsx b/app/page.tsx
index 6af92d6..4d0a546 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -6,7 +6,10 @@ import Image from 'next/image';
 import {
   Cog8ToothIcon,
   TrashIcon,
-  PlusCircleIcon
+  PlusCircleIcon,
+  DocumentIcon,
+  MapIcon,
+  MapPinIcon
 } from '@heroicons/react/24/outline';
 
 export default function Page() {
@@ -15,7 +18,11 @@ export default function Page() {
         <p>https://tailwindcss.com/docs/font-weight</p>
         <p>https://heroicons.com/</p>
 
-        <div className="divider text-2xl">2023-05</div>PlusCircleIcon
+        <span className='grid self-center' data-tip="Dodaj novi mjesec">
+          <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
+        </span>
+
+        <div className="divider text-2xl">2023-05</div>
 
         <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
           <div className="card-body">
@@ -49,9 +56,14 @@ export default function Page() {
           </div>
         </div>
 
-        <div className="tooltip self-center" data-tip="Dodaj novu lokaciju">
-          <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl mt-4 self-center" />
+        <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
+          <div className="card-body">
+            <span className='grid self-center' data-tip="Dodaj novu lokaciju">
+              <PlusCircleIcon className="h-[1em] w-[1em] cursor-pointer text-4xl" />
+            </span>
+          </div>
         </div>
+
         <div className="divider text-2xl">2023-06</div>
 
         <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
@@ -74,11 +86,15 @@ export default function Page() {
               <TrashIcon className="h-[1em] w-[1em] absolute cursor-pointer text-error bottom-5 right-4 text-2xl" />
               <h1 className="text-2xl">GSKG</h1>
               <p className="my-2">Pričuva, Voda, Smeće</p>
+              <a href="#document.pdf" className='text-center block max-w-[24em] text-nowrap truncate inline-block'>
+                <DocumentIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1" />
+                2023-22-12 document GSKG račun za 2023.pdf
+              </a>
               <input type="file" className="file-input file-input-bordered w-full max-w-sm file-input-xs my-2" />
               <div className="form-control w-32 p-1">
                 <label className="cursor-pointer label p-0">
                   <span className="label-text">Plaćeno</span> 
-                  <input type="checkbox" className="toggle toggle-success" checked />
+                  <input type="checkbox" className="toggle toggle-success" checked={false} />
                 </label>
               </div>
               <textarea className="textarea textarea-bordered my-2 w-full max-w-sm block" placeholder="Napomena"></textarea>
@@ -95,6 +111,15 @@ export default function Page() {
             </form>
           </div>
         </div>
+        <div className="card card-compact card-bordered max-w-sm bg-base-100 shadow-s my-1">
+          <div className="card-body">
+            <form>
+              <input type="text" placeholder="Naziv lokacije" className="input input-bordered w-full" defaultValue="Budakova" />
+              <textarea className="textarea textarea-bordered my-1 w-full max-w-sm block" placeholder="Opis" value="Stan u Budakovoj"></textarea>
+              <button className="btn btn-primary">Spremi</button>
+            </form>
+          </div>
+        </div>
     </main>
   );
 }