add mobile styles for logs search

4 files changed, 20 insertions, 3 deletions

diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index 58aaef36..7a0a703a 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -226,6 +226,15 @@
   padding-top: 4px;
 }
 
+@media (min-width: 1200px) {
+  .search-block-1200 {
+    position: absolute;
+    top: 4.3rem;
+    right: $spacer;
+    justify-content: end;
+  }
+}
+
 @media (min-width: 768px) {
   .search-block {
     position: absolute;
diff --git a/src/components/_sila/Global/Search.vue b/src/components/_sila/Global/Search.vue
index 08be4ebb..c25224a7 100644
--- a/src/components/_sila/Global/Search.vue
+++ b/src/components/_sila/Global/Search.vue
@@ -10,7 +10,7 @@
         <b-form-select
           v-if="showSearchBy"
           v-model="searchBy"
-          class="mr-2 w-50 search-selector"
+          class="mr-2 search-selector"
           :options="selectOptions"
           @change="onSelect"
         >
diff --git a/src/views/_sila/Logs/EventLogs/EventLogs.vue b/src/views/_sila/Logs/EventLogs/EventLogs.vue
index 2a344819..b036303e 100644
--- a/src/views/_sila/Logs/EventLogs/EventLogs.vue
+++ b/src/views/_sila/Logs/EventLogs/EventLogs.vue
@@ -2,7 +2,11 @@
   <b-container fluid="xl">
     <page-title />
     <b-row class="align-items-start">
-      <b-col sm="8" xl="6" class="search-block d-sm-flex align-items-end mb-4">
+      <b-col
+        sm="12"
+        xl="6"
+        class="search-block-1200 d-sm-flex align-items-end mb-4"
+      >
         <search
           :placeholder="$t('pageEventLogs.table.searchLogs')"
           :show-search-by="true"
diff --git a/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue b/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue
index 33c5e26a..c0e8cff9 100644
--- a/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue
+++ b/src/views/_sila/Logs/PostCodeLogs/PostCodeLogs.vue
@@ -2,7 +2,11 @@
   <b-container fluid="xl">
     <page-title />
     <b-row class="align-items-start">
-      <b-col sm="8" xl="6" class="search-block d-sm-flex align-items-end mb-4">
+      <b-col
+        sm="12"
+        xl="6"
+        class="search-block-1200 d-sm-flex align-items-end mb-4"
+      >
         <search
           :placeholder="$t('pagePostCodeLogs.table.searchLogs')"
           :show-search-by="true"