From 8e8c19ff9a83f2737a428468a5148e94a9f6f8d5 Mon Sep 17 00:00:00 2001
From: janko <Jan.Kostanjevec@radiostudent.si>
Date: Fri, 19 Jan 2024 15:29:25 +0100
Subject: [PATCH] dodaj pojem center, pojem css na pojem.vue (se mi zdi da je
 to to)

---
 nuxt/app.vue              |  6 +++++-
 nuxt/components/Pojem.vue | 30 +++++++++++++++++++++++-------
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/nuxt/app.vue b/nuxt/app.vue
index 9df617c..abcd90e 100644
--- a/nuxt/app.vue
+++ b/nuxt/app.vue
@@ -40,10 +40,14 @@
     padding: 0 32px;
   }
 
-  .gumb {
+  a.gumb {
     text-decoration: underline;
     font-size: 3rem;
     color: var(--crna);
+    position: relative;
+    display: flex;
+    width: 100%;
+    justify-content: center;
   }
 
   .stran {
diff --git a/nuxt/components/Pojem.vue b/nuxt/components/Pojem.vue
index 5da6cfa..507ca26 100644
--- a/nuxt/components/Pojem.vue
+++ b/nuxt/components/Pojem.vue
@@ -16,7 +16,6 @@ const revisionId = computed(() => pojem.value.id)
 await store.naloziPojme()
 
 const urejanje = ref(false)
-
 const container = ref(null)
 
 const urediPojem = async () => {
@@ -33,12 +32,8 @@ onMounted(() => {
   // Link na pojem direktno? Poskrolaj nanj + odpri editiranje
   if (route.params.guid === revisionId.value) {
     urejanje.value = true
-    //const element = document.getElementById("pojem-obrazec")
-    //if (document.offsetWidth > 768) {
-    setTimeout(() => container.value.scrollIntoView({
-      behavior: 'smooth'
-    }), 50)
-    //}
+    window.container = container
+    setTimeout(() => window.container.value.scrollIntoView(), 50)
   }
 })
 
@@ -63,6 +58,20 @@ onMounted(() => {
 </template>
 
 <style scoped>
+  section.pojem {
+    position: relative;
+    background: var(--bela);
+    margin: 2rem;
+    border-radius: 24px;
+    padding: 2rem;
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    max-width: 1216px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
   form.pojem {
     width: calc(50% - 32px);
     margin-left: 32px;
@@ -73,10 +82,17 @@ onMounted(() => {
     position: relative;
     width: 50%;
   }
+
+  h2 {
+    text-transform: uppercase;
+    margin-top: 0;
+  }
   .gumb {
     position: absolute;
     bottom: 0;
     right: 0;
+    text-decoration: underline;
+    font-size: 3rem;
   }
 
   @media screen and (max-width: 768px) {