diff --git a/index.css b/index.css
index eb831a3d..0c357826 100644
--- a/index.css
+++ b/index.css
@@ -1522,6 +1522,7 @@ div.states > .coaIcon > use {
 #markerEditor div.label {
   display: inline-block;
   width: 5.5em;
+  padding: 0.3em 0;
 }
 
 #saveTilesScreen div.label {
@@ -1529,10 +1530,6 @@ div.states > .coaIcon > use {
   width: 5em;
 }
 
-#regimentBody div {
-  margin: 0.1em 0;
-}
-
 #regimentBody input[type="number"] {
   width: 5em;
 }
diff --git a/index.html b/index.html
index 24005ede..4b03f5be 100644
--- a/index.html
+++ b/index.html
@@ -2029,18 +2029,19 @@
       <div id="markerBody" style="padding-bottom: .3em">
         <div data-tip="Marker type. Style changes will apply to all markers of the same type. Leave blank if the marker is unique">
           <div class="label">Type:</div>
-          <input id="markerType" />
+          <input id="markerType" style="width: 10.3em" />
         </div>
 
         <div data-tip="Marker icon. Paste any Unicode symbol or select from the predefined list">
           <div class="label">Icon:</div>
           <input id="markerIcon" style="width:5em" />
-          <button id="markerIconSelect" style="padding: 0; width: 4.5em">select</button>
+          <button id="markerIconSelect" style="width: 5em">select</button>
         </div>
 
-        <div data-tip="Marker icon size in pixels">
-          <div class="label">Icon size:</div>
-          <input id="markerIconSize" type="number" min="2" max="20" step="0.5" />
+        <div data-tip="Marker marker element and icon sizes in pixels">
+          <div class="label">Size:</div>
+          <input data-tip="Marker element size in pixels" id="markerSize" type="number" min="2" max="500" style="width: 5em" />
+          <input data-tip="Marker icon sizes in pixels" id="markerIconSize" type="number" min="2" max="20" step="0.5" style="width: 5em" />
         </div>
 
         <div data-tip="Marker icon shift (by X and by Y axis), percent. Set to 50 to position icon in center">
@@ -2049,14 +2050,9 @@
           <input id="markerIconShiftY" type="number" min="0" max="100" step="1" style="width:5em" />
         </div>
 
-        <div data-tip="Size of the marker">
-          <div class="label">Marker size:</div>
-          <input id="markerSize" type="number" min="2" max="500" />
-        </div>
-
         <div data-tip="Marker pin shape">
           <div class="label">Pin shape:</div>
-          <select id="markerPin" >
+          <select id="markerPin" style="width: 10.3em">
             <option value="bubble">Bubble</option>
             <option value="pin">Pin</option>
             <option value="square">Square</option>
@@ -2075,8 +2071,8 @@
 
         <div data-tip="Pin fill and stroke colors">
           <div class="label">Pin colors:</div>
-          <input id="markerFill" type="color" style="width:5em" />
-          <input id="markerStroke" type="color" style="width:5em" />
+          <input id="markerFill" type="color" style="width:5em; height:1.6em" />
+          <input id="markerStroke" type="color" style="width:5em; height:1.6em" />
         </div>
       </div>
 
@@ -2090,8 +2086,8 @@
 
     <div id="regimentEditor" class="dialog" style="display: none">
 
-      <div id="regimentBody">
-        <div>
+      <div id="regimentBody" style="padding-bottom: 0.3em">
+        <div style="padding-bottom: 0.2em">
           <button id="regimentType" data-tip="Regiment type (land or naval). Click to change"></button>
           <input id="regimentName" data-tip="Type to rename the regiment" autocorrect="off" spellcheck="false" style="width: 13em">
           <span data-tip="Speak the name. You can change voice and language in options" class="speaker">🔊</span>
@@ -2545,7 +2541,7 @@
     </div>
 
     <div id="stateNameEditor" class="dialog" data-state="0" style="display: none">
-      <div style="padding: .1em">
+      <div>
         <div data-tip="State short name" class="label">Short name:</div>
         <input id="stateNameEditorShort" data-tip="Type to change the short name" autocorrect="off" spellcheck="false" style="width: 11em">
         <span data-tip="Speak the name. You can change voice and language in options" class="speaker">🔊</span>
@@ -2553,7 +2549,7 @@
         <span id="stateNameEditorShortRandom" data-tip="Generate random name" class="icon-globe pointer"></span>
       </div>
 
-      <div style="padding: .1em" data-tip="Select form name">
+      <div data-tip="Select form name">
         <div data-tip="State form name" class="label">Form name:</div>
         <select id="stateNameEditorSelectForm" style="width: 11em">
           <option value="">blank</option>
@@ -2632,7 +2628,7 @@
         <span id="stateNameEditorAddForm" data-tip="Click to add custom state form name to the list" class="icon-plus pointer"></span>
       </div>
 
-      <div style="padding: .1em">
+      <div>
         <div data-tip="State full name" class="label">Full name:</div>
         <input id="stateNameEditorFull" data-tip="Type to change the full name" autocorrect="off" spellcheck="false" style="width: 11em">
         <span data-tip="Speak the name. You can change voice and language in options" class="speaker">🔊</span>
@@ -2721,7 +2717,7 @@
     </div>
 
     <div id="provinceNameEditor" class="dialog" data-province="0" style="display: none">
-      <div style="padding: .1em">
+      <div>
         <div data-tip="Province short name" class="label">Short name:</div>
         <input id="provinceNameEditorShort" data-tip="Type to change the short name" autocorrect="off" spellcheck="false" style="width: 11em">
         <span data-tip="Speak the name. You can change voice and language in options" class="speaker">🔊</span>
@@ -2729,7 +2725,7 @@
         <span id="provinceNameEditorShortRandom" data-tip="Generate random name" class="icon-globe pointer"></span>
       </div>
 
-      <div style="padding: .1em" data-tip="Select form name">
+      <div data-tip="Select form name">
         <div data-tip="Province form name" class="label">Form name:</div>
         <select id="provinceNameEditorSelectForm" style="display: inline-block; width: 11em; height: 1.645em">
           <option value="">blank</option>
@@ -2769,7 +2765,7 @@
         <span id="provinceNameEditorAddForm" data-tip="Click to add custom province form name to the list" class="icon-plus pointer"></span>
       </div>
 
-      <div style="padding: .1em">
+      <div>
         <div data-tip="Province full name" class="label">Full name:</div>
         <input id="provinceNameEditorFull" data-tip="Type to change the full name" autocorrect="off" spellcheck="false" style="width: 11em">
         <span data-tip="Speak the name. You can change voice and language in options" class="speaker">🔊</span>