4261: Applied coding standards

Author: tuj

src/app.scss

@@ -62,6 +62,22 @@ body,
   }
 }
 
+.preview-overlay {
+  background: white;
+  z-index: 1021;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+
+  button {
+    position: fixed;
+    z-index: 20;
+  }
+}
+
 .table {
   td {
     vertical-align: middle;
@@ -108,22 +124,6 @@ body,
   }
 }
 
-.preview-overlay {
-  background: white;
-  z-index: 1021;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  overflow: hidden;
-
-  button {
-    position: fixed;
-    z-index: 20;
-  }
-}
-
 .preview-close-button {
   top: 0;
   right: 0;

src/components/playlist/playlist-campaign-form.jsx

@@ -234,7 +234,6 @@ function PlaylistCampaignForm({
                   className="preview-overlay d-flex justify-content-center align-items-center flex-column"
                 >
                   <Button
-                    id="close_preview_button"
                     variant="primary"
                     type="button"
                     className="preview-close-button"

src/components/screen/screen-form.jsx

@@ -335,7 +335,6 @@ function ScreenForm({
                   className="preview-overlay d-flex justify-content-center align-items-center flex-column"
                 >
                   <Button
-                    id="close_preview_button"
                     variant="primary"
                     type="button"
                     className="preview-close-button"

src/components/slide/slide-form.jsx

@@ -443,7 +443,6 @@ function SlideForm({
                       className="preview-overlay d-flex justify-content-center align-items-center flex-column"
                     >
                       <Button
-                        id="close_preview_button"
                         variant="primary"
                         type="button"
                         className="preview-close-button"