lang: update the config lang to remove the usage of %% (#286)

lang/english/css/config.css

@@ -132,7 +132,7 @@ popup.tooltip
       color: #FFF;
       padding: 0.1em;
       margin: 0 0 0.3em 0;
-      width: 100%%;
+      width: *;
       border: 1px solid #54575b;
       border-radius: .2em;
       background: #2F2F31;
@@ -171,9 +171,13 @@ popup.tooltip
     style-set: styled-select;
   }
 	
-ComboBox
+ComboBox,
+ComboBox > select,
+ListBox,
+ListBox > select
 {
-  width: 100%%;
+  display: block;
+  width: *;
 }
 
 input[type="checkbox"] {

lang/english/html/system_config.html

@@ -43,13 +43,36 @@
     margin: 0 0 0.5em 0;
   }
 
+  .form-row
+  {
+    flow: horizontal;
+    width: *;
+    vertical-align: middle;
+  }
+
   .form-row .left,
   .form-row .right
   {
-    width: 50%%;
-    display: inline-block;
+    width: *;
+    vertical-align: middle;
   }
 
+  .form-row .right
+  {
+    flow: horizontal;
+  }
+
+  .form-row .right ComboBox,
+  .form-row .right input[type="text"]
+  {
+    display: block;
+    width: *;
+  }
+
+  .form-row .right input[type="hslider"]
+  {
+    width: *;
+  }
 PageNav.page_tabs {
   display: flex;
 }
@@ -93,18 +116,19 @@ PageNav.page_tabs page.active {
 {
   background: color(color-config-page);
   border: 1px solid color(color-config-page-border);
-  width: 100%%;
-  height: 100%%;
+  width: *;
+  height: *;
   flow: horizontal;
   padding: 1em 1em 0 1em;
-  font-family: 'Segoe UI', Arial, sans-serif;
+  font-family: var(font-ui), Arial, sans-serif;
   font-size: 0.9rem;
   color: #eff0f1;
 }
 
 #gameDirectoryList,
 #addOnDirectoryList {
-  width: 100%%;
+  display: block;
+  width: *;
 }
 
 #gameDirectoryList select,
@@ -118,7 +142,7 @@ PageNav.page_tabs page.active {
   overflow-y: auto;
   padding: 0.1rem;
   margin-bottom: 1rem;
-  width: 100%%;
+  width: *;
 }
 
 #gameDirectoryList option,

lang/english/html/system_config_audio.html

@@ -20,7 +20,7 @@
       </div>
       <div class="form-row slider-row">
         <div class="left"><label for="audioVolume">Volume:</label></div>
-        <div class="right"><input type="hslider" min="0" max="200" value="100" id="audioVolume" style="width: 19em" /><span id="VolumeDisplay">100%</span></div>
+        <div class="right"><input type="hslider" min="0" max="200" value="100" id="audioVolume" /><span id="VolumeDisplay">100%</span></div>
       </div>
       <div class="form-row checkbox-row">
         <div class="left"><label for="muteAudio">Mute audio</label></div>

lang/english/html/system_config_game_browser.html

@@ -12,7 +12,7 @@
       <div class="group-title">Display</div>
       <div class="form-row slider-row">
         <div class="left"><label for="myGamesIconSize">My Games Icon Size:</label></div>
-        <div class="right"><input type="hslider" min="1" max="4" value="2" id="myGamesIconSize" style="width: 19em" /></div>
+        <div class="right"><input type="hslider" min="1" max="4" value="2" id="myGamesIconSize" /></div>
       </div>
     </div>
   </Page>

lang/english/html/system_config_general.html

@@ -1,16 +1,15 @@
 <PageNav target="GeneralContents" id="GeneralTabNav" class="page_tabs">
   <Page label="General" Name="General">
     <div class="input-group">
+      <div class="group-title">General Settings</div>
       <div class="form-row">
         <div class="left"><label for="DockedMode">Docked Mode:</label></div>
         <div class="right"><ComboBox id="DockedMode" tooltip="Selects if the console is in Docked or Handheld mode. Games will change resolution and performance settings. Setting to Handheld can help improve performance on low-end systems." /></div>
       </div>
-      <div class="group-title">Emulation Speed</div>
       <div class="form-row slider-row">
         <div class="left"><label for="SpeedLimit">Speed Limit:</label></div>
-        <div class="right"><input type="hslider" min="1" max="400" value="100" id="SpeedLimit" style="width: 19em" tooltip="Emulation speed as a percentage of native speed when Limit Speed is enabled. 100% is normal game speed. Unlocking FPS for the current session is done from System → Limit Speed or its hotkey." /><span id="SpeedLimitDisplay">100%</span></div>
+        <div class="right"><input type="hslider" min="1" max="400" value="100" id="SpeedLimit" tooltip="Emulation speed as a percentage of native speed when Limit Speed is enabled. 100% is normal game speed. Unlocking FPS for the current session is done from System → Limit Speed or its hotkey." /><span id="SpeedLimitDisplay">100%</span></div>
       </div>
-      <div class="group-title">Firmware</div>
       <div class="form-row checkbox-row">
         <div class="left"><label for="CheckForUpdatedFirmware">Check for updated firmware</label></div>
         <div class="right"><input type="checkbox" id="CheckForUpdatedFirmware"></div>

lang/english/html/system_config_graphics.html

@@ -55,7 +55,7 @@
       </div>
       <div class="form-row">
         <div class="left"><label for="FSPSharpness">FSP Sharpness:</label></div>
-        <div class="right"><input type="hslider" id="FSPSharpness" min="0" max="200" value="25" style="width: 19em" /><span id="FSPSharpnessDisplay">25%</span></div>
+        <div class="right"><input type="hslider" id="FSPSharpness" min="0" max="200" value="25" /><span id="FSPSharpnessDisplay">25%</span></div>
       </div>
     </div>
   </page>