Implement remaining TODOs.

Author: DavidAnson

src/css/main.less

@@ -41,6 +41,13 @@ a.disabled {
     cursor: default;
     color: #999;
 }
+.html-dialog {
+    border-color: var(--primary-500);
+    padding: 0px;
+}
+.html-dialog-content {
+    padding: 15px 15px;
+}
 .background_paper {
     background-color: var(--surface-200);
     background-image:

src/css/tabs/osd.less

@@ -1,16 +1,13 @@
 .tab-osd {
     .info {
-        margin: 10px 0 0 0;
         position: relative;
         width: 100%;
         .progressLabel {
             position: absolute;
             width: 100%;
             height: 26px;
-            top: 0;
-            left: 0;
+            margin-top: -22px;
             text-align: center;
-            line-height: 24px;
             color: white;
             font-weight: bold;
             a {
@@ -66,12 +63,6 @@
         width: 18px;
         height: 18px;
     }
-    ul {
-        li {
-            list-style: circle;
-            margin-left: 30px;
-        }
-    }
     .options {
         position: relative;
         margin-bottom: 10px;
@@ -382,7 +373,6 @@
         margin: auto;
     }
     #font-logo-info {
-        font-size: 125%;
         line-height: 150%;
         h3 {
             margin-bottom: 0.2em;

src/tabs/cli.html

@@ -13,8 +13,8 @@
     </div>
 
     <!-- Snippet preview dialog -->
-    <dialog closedby="any" id="snippetpreviewdialog" style="border-color: var(--primary-500); padding: 0px;">
-    <div id="snippetpreviewcontent" style="padding: 10px 15px">
+    <dialog closedby="any" id="snippetpreviewdialog" class="html-dialog">
+    <div id="snippetpreviewcontent" class="html-dialog-content">
         <div class="note">
             <p i18n="cliConfirmSnippetNote"></p>
         </div>

src/tabs/osd.html

@@ -151,8 +151,8 @@ <h1 class="tab_title">
             </div>
 
             <!-- Font Manager dialog -->
-            <dialog closedby="any" id="fontmanagerdialog" style="width: 750px; border-color: var(--primary-500); padding: 0px;">
-            <div style="height: 430px; padding: 10px 15px; overflow-y: scroll;">
+            <dialog closedby="any" id="fontmanagerdialog" class="html-dialog" style="width: 750px;">
+            <div  class="html-dialog-content" class="html-dialog-content" style="height: 430px; overflow-y: scroll;">
                 <div class="font-picker" style="margin-bottom: 10px;">
                     <h1 class="tab_title" i18n="osdSetupFontPresets"></h1>
                     <!-- Font preview and list -->
@@ -192,7 +192,7 @@ <h3 i18n="osdSetupCustomLogoInfoTitle"></h3>
                     <div class="info">
                         <a name="progressbar"></a>
                         <progress class="progress" value="0" min="0" max="100"></progress>
-                        <div class="progressLabel" style="margin-top: -21px; width: 95%; text-align: center; position: absolute;"></div>
+                        <div class="progressLabel"></div>
                     </div>
                 </div>
                 <!-- Upload button -->

src/tabs/power.html

@@ -197,8 +197,8 @@
     </div>
 </div>
 
-<dialog closedby="any" id="calibrationmanagerdialog" style="border-color: var(--primary-500); padding: 0px;">
-<div id="calibrationmanagercontent" style="padding: 15px 15px">
+<dialog closedby="any" id="calibrationmanagerdialog" class="html-dialog">
+<div id="calibrationmanagercontent" class="html-dialog-content">
     <div class = "note">
         <p i18n="powerCalibrationManagerHelp"></p>
     </div>
@@ -231,8 +231,8 @@
 </div>
 </dialog>
 
-<dialog closedby="any" id="calibrationmanagerconfirmdialog" style="border-color: var(--primary-500); padding: 0px;">
-<div id="calibrationmanagerconfirmcontent" style="padding: 15px 15px">
+<dialog closedby="any" id="calibrationmanagerconfirmdialog" class="html-dialog">
+<div id="calibrationmanagerconfirmcontent" class="html-dialog-content">
     <div class = "note">
         <p i18n="powerCalibrationConfirmHelp"></p>
     </div>