From 796069254c8533ae1de12d72f7669f02e849e23f Mon Sep 17 00:00:00 2001
From: LDannijs <lars.dannijs@thethingsindustries.com>
Date: Wed, 4 Oct 2023 11:15:44 +0200
Subject: [PATCH] place side-by-side

---
 website/layouts/_default/term.html |  6 ++++--
 website/layouts/devices/list.html  |  6 ++++--
 website/layouts/index.html         |  6 ++++--
 website/src/styles/global.styl     | 10 +++++++---
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/website/layouts/_default/term.html b/website/layouts/_default/term.html
index c76bbc077c..8a4454d6b1 100644
--- 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
index 3968982bc1..faaa2dec34 100644
--- 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
index 31aaa3343a..51e9073067 100644
--- 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
index 1d4f669c32..97b2dbd9b2 100644
--- 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)
\ No newline at end of file
+  margin-bottom: var(--ls-xs)
+  
+.dropdown-container
+    display: flex;
+    justify-content: center
+    align-items: center 
\ No newline at end of file