limit 440px width to board config modal

fix some scss lint issues

app/assets/javascripts/boards/components/board_form.vue

@@ -170,6 +170,7 @@ export default {
 <template>
   <popup-dialog
     v-show="currentPage"
+    modal-dialog-class="board-config-modal"
     :hide-footer="readonly"
     :title="title"
     :primary-button-label="buttonText"
@@ -183,7 +184,7 @@ export default {
     </p>
     <form
       v-else
-      class="js-board-config-modal board-config-modal"
+      class="js-board-config-modal"
     >
       <div
         v-if="!readonly"

app/assets/javascripts/vue_shared/components/popup_dialog.vue

@@ -21,6 +21,11 @@ export default {
       required: false,
       default: 'primary',
     },
+    modalDialogClass: {
+      type: String,
+      required: false,
+      default: '',
+    },
     primaryButtonLabel: {
       type: String,
       required: false,
@@ -59,7 +64,8 @@ export default {
     tabindex="-1"
   >
     <div
-      class="modal-dialog modal-md"
+      :class="modalDialogClass"
+      class="modal-dialog"
       role="document"
     >
       <div class="modal-content">

app/assets/stylesheets/framework/modal.scss

@@ -36,10 +36,6 @@ body.modal-open {
   }
 }
 
-.modal-md {
-  max-width: 440px;
-}
-
 .modal.popup-dialog {
   display: block;
 

app/assets/stylesheets/framework/tw_bootstrap_variables.scss

@@ -196,4 +196,4 @@ $modal-body-bg: $white-light;
 
 // $modal-lg:                    900px
 // $modal-md:                    600px
-// $modal-sm:                    300px
+// $modal-sm:                    300px
\ No newline at end of file

app/assets/stylesheets/pages/boards.scss

@@ -736,6 +736,8 @@
 }
 
 .board-config-modal {
+  width: 440px;
+
   .block {
     padding: $gl-padding 0;
 
@@ -744,4 +746,4 @@
       border-top: solid 1px $border-color;
     }
   }
-}
+}
\ No newline at end of file