Gi søkeboksen akkurat passe med plass og luft

Mattilsynet · Oct 12, 2023 · efe8d5c · efe8d5c
1 parent a03d0f5
commit efe8d5c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/matvaretabellen/pages.clj b/src/matvaretabellen/pages.clj
@@ -29,10 +29,11 @@
    page
    (list
     (SiteHeader {:home-url "/"})
-    [:div.search-input-wrap
-     (SearchInput {:label "Søk i Matvaretabellen"
-                   :button {:text "Søk"}
-                   :input {:name "my-search"}})])))
+    [:div.container
+     [:div.search-input-wrap
+      (SearchInput {:label "Søk i Matvaretabellen"
+                    :button {:text "Søk"}
+                    :input {:name "my-search"}})]])))
 
 (defn render-page [context page]
   (let [db (:foods/db context)]

diff --git a/ui/resources/public/css/matvaretabellen.css b/ui/resources/public/css/matvaretabellen.css
@@ -36,5 +36,6 @@
 
 .search-input-wrap {
     margin: 40px auto;
-    max-width: 600px;
+    width: 600px;
+    max-width: 100%;
 }