nes.css improvements, fix for camerainfo

front/dist/resources/html/helpCameraSettings.html

@@ -5,9 +5,10 @@
         border-radius: 6px;
         margin: 25px auto 0;
         width: 400px;
-        max-height: calc(50vh - 25px);
-        overflow: scroll;
+        max-height: calc(48vh - 50px);
         max-width: 48vw;
+        overflow: auto;
+        padding-bottom: 10px;
     }
     #helpCameraSettings h1 {
         background-image: linear-gradient(top, #f1f3f3, #d4dae0);
@@ -29,22 +30,10 @@
         text-align: center;
         margin: 0;
     }
-    #helpCameraSettings button {
-        margin: 10px 4px;
-        background-color: black;
-        color: white;
-        border-radius: 7px;
-        padding-bottom: 4px;
-    }
     #helpCameraSettings button#helpCameraSettingsFormCancel {
         background-color: #c7c7c700;
         color: #292929;
     }
-    #helpCameraSettings section a{
-        font-size: 12px;
-        text-decoration: underline;
-        color: black;
-    }
     #helpCameraSettings section h6,
     #helpCameraSettings section h5{
         margin: 1px;
@@ -53,7 +42,7 @@
         text-align: center;
     }
     #helpCameraSettings section p{
-        font-size: 8px;
+        font-size: 7px;
         margin: 0px 20px;
     }
     #helpCameraSettings section p.err{
@@ -64,12 +53,18 @@
     }
     #helpCameraSettings section li{
         text-align: left;
-        font-size: 8px;
+        font-size: 7px;
     }
     #helpCameraSettings section img {
         width: 200px;
         margin-top: 10px;
     }
+    @media only screen and (max-width: 800px),
+            only screen and (max-height: 600px) {
+        #helpCameraSettings{
+            overflow-y: scroll;
+        }
+    }
 </style>
 
 <form id="helpCameraSettings" hidden>
@@ -86,7 +81,7 @@
         <p id='browserHelpSetting'></p>
     </section>
     <section class="action">
-        <a href="#" id="helpCameraSettingsFormRefresh">Refresh</a>
-        <button type="submit" id="helpCameraSettingsFormContinue">Continue</button>
+        <a href="#" class="nes-btn" id="helpCameraSettingsFormRefresh">Refresh</a>
+        <button type="submit" class="nes-btn is-warning" id="helpCameraSettingsFormContinue">Continue</button>
     </section>
 </form>