From d7d5e85ae2667ad92e9c142bec9e0a280e84ab0a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Sat, 6 Jan 2024 18:48:22 +0100
Subject: [PATCH] Stajlanje pojma WIP

---
 nuxt/components/Glava.vue |  1 +
 nuxt/components/Pojem.vue | 21 ++++++++++++++-------
 nuxt/pages/index.vue      |  3 +--
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/nuxt/components/Glava.vue b/nuxt/components/Glava.vue
index 870ecde..b8b6b46 100644
--- a/nuxt/components/Glava.vue
+++ b/nuxt/components/Glava.vue
@@ -18,6 +18,7 @@
 
  img {
   width: 100%;
+  z-index: -1;
  }
 
  .meni {
diff --git a/nuxt/components/Pojem.vue b/nuxt/components/Pojem.vue
index fb78710..16a71c2 100644
--- a/nuxt/components/Pojem.vue
+++ b/nuxt/components/Pojem.vue
@@ -31,24 +31,31 @@ const urediPojem = async () => {
 
 <template>
   <section class="pojem">
-    <PojemForm v-if="urejanje" :revisionId="revisionId" :pojem="pojem" :urejanje="urejanje" />
-    <div v-else>
-      <div class="gumb" @click="urediPojem">Uredi</div>
+    <div>
       <h2>{{ pojem.naslov }}</h2>
       <div class="tekst" v-html="pojem.tekst" />
     </div>
+    <PojemForm v-if="urejanje" :revisionId="revisionId" :pojem="pojem" :urejanje="urejanje" />
+    <div v-if="!urejanje" class="gumb" @click="urediPojem">Uredi</div>
   </section>
 </template>
 
 <style scoped>
+  .pojem {
+    position: relative;
+    background: var(--bela);
+    margin: 2rem;
+    border-radius: 3rem;
+    padding: 2rem;
+  }
   @media screen and (min-width: 768px) {
     PojemForm {
       width: 50%;
       float: left;
     }
   }
-.gumb {
-  float: right;
-  margin-right: 1rem;
-}
+  .gumb {
+    float: right;
+    margin-right: 1rem;
+  }
 </style>
diff --git a/nuxt/pages/index.vue b/nuxt/pages/index.vue
index a8b5763..55edc65 100644
--- a/nuxt/pages/index.vue
+++ b/nuxt/pages/index.vue
@@ -13,6 +13,7 @@ await store.naloziStrani()
 <style>
   :root {
     --siva: #D9D9D9;
+    --bela: #fff;
   }
 
   body {
@@ -39,8 +40,6 @@ await store.naloziStrani()
   }
 
   .gumb {
-    display: block;
-    padding: .2rem .5rem;
     font-family: Trailers;
     font-size: 2rem;
     cursor: pointer;