chore: make election page mobile compatible

harshtandiya · Oct 25, 2024 · a770b76 · a770b76
1 parent a95bc63
commit a770b76
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/src/components/candidature/CandidateFormStatusBanner.vue b/frontend/src/components/candidature/CandidateFormStatusBanner.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex justify-between items-center p-4 bg-primary-50 border rounded"
+    class="flex flex-col md:flex-row gap-4 justify-between items-center p-4 bg-primary-50 border rounded"
   >
     <div>
       <div v-if="hasForm">
@@ -27,9 +27,10 @@
         </h4>
       </div>
     </div>
-    <div>
+    <div class="w-full md:w-fit">
       <Button
         v-if="hasForm && form.status == 'Live'"
+        class="w-full"
         variant="solid"
         label="Apply"
         icon-right="arrow-right"