Add code enhancement on nominee modal and logo

resources/assets/js/components/demo/voter/home/index.vue

@@ -93,7 +93,7 @@
                             <div class="detail-section">
                                 <span><b> Nama : </b>{{ nomineeViewed.name }}</span>
                                 <span><b> Unit : </b>{{ nomineeViewed.unit }}</span>
-                                <span> <b>Taraf Pendidikan :</b> </span> 
+                                <span> <b>Taraf Pendidikan :</b> </span>
                                 <ol>
                                     <li v-for="(item, index) in nomineeViewed.education" :key="index">{{ item }}</li>
                                 </ol>
@@ -185,7 +185,7 @@ export default {
             $('#view-nominee-modal').modal();
         },
 
-        
+
 
     },
 
@@ -229,6 +229,28 @@ export default {
     padding: 5px 0;
 }
 
+/* Mobile styles */
+@media (max-width: 576px) {
+    #view-nominee-modal .modal-dialog {
+        max-width: none;
+        padding-left: 10px;
+        padding-right: 20px;
+        margin-bottom: 50px;
+        margin-left: 0px;
+    }
+
+    #view-nominee-modal .photo-section {
+        flex: 0 0 100%; /* Set photo section to full width */
+        max-width: none; /* Remove max-width */
+        margin-right: 0; /* Remove right margin */
+        margin-bottom: 20px; /* Add space between photo and details */
+    }
+
+    #view-nominee-modal .detail-section {
+        flex: 0 0 100%; /* Set detail section to full width */
+    }
+}
+
 #table-nominee tbody tr {
     cursor: pointer;
 }