[design] improve menu form

zombieFox · Mar 22, 2020 · ff26cba · ff26cba
1 parent f7be3c8
commit ff26cba
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/html/menu/content/header/clock.html b/src/html/menu/content/header/clock.html
@@ -58,11 +58,13 @@ <h1 class="menu-item-header-text">Clock</h1>
       <input id="control-header-clock-separator-show" class="control-header-clock-separator-show" type="checkbox" tabindex="-1">
       <label for="control-header-clock-separator-show"><span class="label-icon"></span> Separators</label>
     </div>
-    <div class="form-indent">
-      <div class="form-wrap">
-        <div class="form-group form-group-block">
-          <input id="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1">
-          <button class="control-header-clock-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
+    <div class="form-wrap">
+      <div class="form-indent">
+        <div class="form-wrap">
+          <div class="form-group form-group-block">
+            <input id="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1">
+            <button class="control-header-clock-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
+          </div>
         </div>
       </div>
     </div>

diff --git a/src/html/menu/content/header/date.html b/src/html/menu/content/header/date.html
@@ -141,11 +141,13 @@ <h1 class="menu-item-header-text">Date</h1>
       <input id="control-header-date-separator-show" class="control-header-date-separator-show" type="checkbox" tabindex="-1">
       <label for="control-header-date-separator-show"><span class="label-icon"></span> Separators</label>
     </div>
-    <div class="form-indent">
-      <div class="form-wrap">
-        <div class="form-group form-group-block">
-          <input id="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1">
-          <button class="control-header-date-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
+    <div class="form-wrap">
+      <div class="form-indent">
+        <div class="form-wrap">
+          <div class="form-group form-group-block">
+            <input id="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1">
+            <button class="control-header-date-separator-text-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
+          </div>
         </div>
       </div>
     </div>