place side-by-side

TheThingsNetwork · Oct 4, 2023 · 7960692 · 7960692
1 parent 1a6c6f0
commit 7960692
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/website/layouts/_default/term.html b/website/layouts/_default/term.html
@@ -2,8 +2,10 @@
   <main>
     {{ $title := printf "Tag: %s" .Title}}
     {{ partial "banner.html" (dict "title"  $title "description" .Description) }}
-    {{ partial "tagdropdown.html" . }}
-    {{ partial "vendordropdown.html" . }}
+    <div class="dropdown-container">
+      {{ partial "tagdropdown.html" . }}
+      {{ partial "vendordropdown.html" . }}
+    </div>
     {{ partial "device-list.html" (dict "devices" ( .Pages ) ) }}
   </main>
 {{ end }}
diff --git a/website/layouts/devices/list.html b/website/layouts/devices/list.html
@@ -1,8 +1,10 @@
 {{ define "main" }}
   <main>
     {{ partial "banner.html" (dict "title" .Title "description" .Description) }}
-    {{ partial "tagdropdown.html" . }}
-    {{ partial "vendordropdown.html" . }}
+    <div class="dropdown-container">
+      {{ partial "tagdropdown.html" . }}
+      {{ partial "vendordropdown.html" . }}
+    </div>
     {{ partial "device-list.html" (dict "devices" ( .Pages ) ) }}
   </main>
 {{ end }}
diff --git a/website/layouts/index.html b/website/layouts/index.html
@@ -1,8 +1,10 @@
 {{ define "main" }}
     <main aria-role="main">
       {{ partial "banner.html" (dict "title" "Device Repository for LoRaWAN®" "description" .Description) }}
-      {{ partial "tagdropdown.html" . }}
-      {{ partial "vendordropdown.html" . }}
+      <div class="dropdown-container">
+        {{ partial "tagdropdown.html" . }}
+        {{ partial "vendordropdown.html" . }}
+      </div>
       {{ partial "device-list.html" (dict "devices" ( where site.RegularPages "Section" "devices" ) ) }}
     </main>
 {{ end }}
diff --git a/website/src/styles/global.styl b/website/src/styles/global.styl
@@ -66,8 +66,12 @@ select
   border: none
   border-radius: 0.5em
   border-style: solid
-  margin: 0 auto
-  display: block
+  margin: 10px
   width: 20%
   padding: 0.75em
-  margin-bottom: var(--ls-xs)
+  margin-bottom: var(--ls-xs)
+
+.dropdown-container
+    display: flex;
+    justify-content: center
+    align-items: center