modal adjustments

src/components/Game/GameModal.vue

@@ -23,7 +23,6 @@
       >
         <b-button-group v-if="hasMultipleGames">
           <b-button
-            size="sm"
             :variant="nightMode ? 'dark' : 'light'"
             :disabled="prevDisabled"
             @click="previousGame"
@@ -32,7 +31,6 @@
           </b-button>
 
           <b-button
-            size="sm"
             :variant="nightMode ? 'dark' : 'light'"
             :disabled="nextDisabled"
             @click="nextGame"
@@ -77,7 +75,7 @@
             :value="progress"
             variant="success"
             height="8px"
-            class="my-1 w-50"
+            class="my-1 w-50 mx-auto mx-md-0"
           />
 
           <b-form-rating

src/components/Game/GameNotesModal.vue

@@ -1,10 +1,8 @@
 <!-- TODO: make it more portable, put trigger in slot -->
-<!-- TODO: translate -->
-
 <template lang="html">
   <b-button
     v-b-modal.notes
-    variant="info"
+    variant="warning"
     v-b-tooltip.hover
     title="Game notes"
    >

src/components/ModalHeader.vue

@@ -11,7 +11,6 @@
 
       <b-button
         :variant="nightMode ? 'dark' : 'light'"
-        size="sm"
         class="ml-auto"
         @click="$emit('close')"
       >

src/styles/_theme.scss

@@ -930,8 +930,8 @@ $toast-header-background-color: $black !default;
 // // Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
 // $modal-footer-margin-between:       .5rem !default;
 //
-// $modal-dialog-margin:               .5rem !default;
-// $modal-dialog-margin-y-sm-up:       1.75rem !default;
+$modal-dialog-margin:               0 !default;
+$modal-dialog-margin-y-sm-up:       0 !default;
 //
 // $modal-title-line-height:           $line-height-base !default;
 //
@@ -1124,5 +1124,4 @@ $modal-header-padding: 1rem 1rem 0 !default;
 //
 // $print-page-size:                   a3 !default;
 // $print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
-//
-//
+//