fix: bootstrap button and footer styling

BBMRI-ERIC · Oct 3, 2023 · 23aa602 · 23aa602
1 parent 277888c
commit 23aa602
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 15 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -32,7 +32,9 @@
   </div>
   <div class="container">
     <div class="col-12">
-      <footer>
+      <footer
+        class="bottom-0 p-0 w-100"
+      >
         <hr class="mt-10 mb-10">
         <div class="row">
           <div class="col text-center">
@@ -96,10 +98,5 @@ header {
     place-items: flex-start;
     flex-wrap: wrap;
   }
-  footer {
-    padding: 10px;
-    bottom: 0;
-    width: 100%;
-  }
 }
 </style>
diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
@@ -14,12 +14,13 @@
           </p>
           <div class="modal-footer justify-content-center">
             <button
+              class="btn btn-secondary"
               @click="closeModal"
             >
               No
             </button>
             <button
-              class="btn-secondary"
+              class="btn btn-danger"
               @click="closeModal; $emit('abandon-negotiation')"
             >
               Yes
@@ -52,12 +53,4 @@ export default {
   border-radius: 10px;
   z-index: 1;
 }
-.btn-danger {
-  background-color: red;
-  border: 1px solid red;
-  color: white;
-  border-radius: 5px;
-  padding: 5px 10px;
-  cursor: pointer;
-}
 </style>