Merge pull request #1201 from danesjenovdan/dev

Pulling refs/heads/dev into bosna
danesjenovdan · May 28, 2024 · a699c5e · a699c5e
2 parents 60faa6d + e8ee98e
commit a699c5e
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/parlacards/cards/_components/Legislation.vue b/parlacards/cards/_components/Legislation.vue
@@ -22,7 +22,6 @@
             @update:model-value="searchLegislation"
           />
         </div>
-        <div class="filter" style="flex: 1"></div>
         <!-- only show filters if we have more than one classification to show -->
         <div v-if="filterOptions.length > 1" class="filter buttons-filter">
           <striped-button
@@ -434,9 +433,14 @@ export default {
 .legislation-list-container {
   .filters {
     display: flex;
+    justify-content: space-between;
     padding-bottom: 12px;
     margin-bottom: 12px;
 
+    @include respond-to(mobile) {
+      flex-wrap: wrap;
+    }
+
     .filter {
       @include respond-to(desktop) {
         margin-right: 10px;
@@ -469,10 +473,21 @@ export default {
     .buttons-filter {
       display: flex;
       align-items: flex-end;
+      justify-content: flex-end;
       gap: 3px;
 
+      @include respond-to(mobile) {
+        justify-content: center;
+        margin-top: 10px;
+      }
+
       .striped-button {
         padding: 0 8px;
+
+        @include respond-to(mobile) {
+          flex: 1;
+          padding: 0;
+        }
       }
     }
   }
@@ -504,6 +519,10 @@ export default {
       flex: 0 0 150px;
       margin-left: 30px;
 
+      .parlaicon {
+        flex-shrink: 0;
+      }
+
       @include respond-to(mobile) {
         flex: 0.45;