Fix gap between buttons in forms and modals

Resolves MS-886 #complete

client/src/components/Modal.vue

@@ -135,6 +135,8 @@ export default {
     -ms-grid-row: 3;
     border-top: 1px solid $color-silver-light;
     padding: 16px $modal-lateral-padding;
+    display: flex;
+    gap: $small-spacing;
   }
 
   $parent: &;

client/src/components/ReadOnlyBanner.vue

@@ -92,11 +92,12 @@ const licenseActivationLink = {
   }
 
   &__buttons {
+    display: flex;
+    gap: $small-spacing;
   }
 
   &__link {
     @include default-link;
-    margin-right: $small-spacing;
   }
 }
 </style>

client/src/components/content-block-form/ContentBlockForm.vue

@@ -405,6 +405,8 @@ provide('features', props.features);
 
   &__buttons {
     width: 800px;
+    display: flex;
+    gap: $small-spacing;
   }
 }
 </style>

client/src/components/modules/SnapshotHeader.vue

@@ -181,6 +181,8 @@ export default {
   }
 
   &__buttons {
+    display: flex;
+    gap: $small-spacing;
   }
 }
 </style>

client/src/components/portfolio/ProjectEntryForm.vue

@@ -124,6 +124,7 @@ export default {
     display: grid;
     grid-template-columns: 1fr 1fr;
     padding: $medium-spacing;
+    gap: $small-spacing;
   }
 
   &__button {