improve styling of drawer changes

diff --git a/index.html b/index.html
index 969178f79762e58100f0cb7cb1d135721b5fd0d7..73b7347e625151b7576f8415c8f9cde689a2ae64 100644 (file)
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
 </p>
 <div id="trackDialogArea" class="hidden">
 <div id="uploadDialog">
-<p class="dialogTitle">Upload Track to Lantea Maps Server:</p>
+<p class="subTitle">Upload Track to Lantea Maps Server:</p>
 <label for="uploadPublic">Visibility:</label>
 <select id="uploadPublic">
 <option value="true">Public Domain</option>
@@ -49,13 +49,17 @@
 </select>
 <p class="dialogHelp">Public Domain tracks can be forwarded by the server
 operator to any other services, e.g. OpenStreetMap.</p>
+<p>
 <label for="uploadDesc">Comment:</label>
 <input type="text" id="uploadDesc" maxlength="255" size="25"
        value="Lantea Maps">
+</p>
+<p>
 <input type="button" id="uploadDialogUploadButton" value="Upload Track"
        onclick="uploadTrack();">
 <input type="button" id="uploadDialogCancelButton" value="Cancel"
        onclick="cancelTrackDialog();">
+</p>
 </div>
 <div id="uploadStatus">
 <p class="dialogTitle">Track Upload to Lantea Maps Server</p>
@@ -102,10 +106,12 @@ operator to any other services, e.g. OpenStreetMap.</p>
        onclick="gTileService.clearDB();">
 </p>
 <div id="uploadSettingsArea">
-<p class="settingsSubTitle">Track Upload:</p>
+<p class="subTitle">Track Upload:</p>
+<p>
 <label for="uploadDevName">Device name:</label>
 <input type="text" id="uploadDevName" maxlength="255" placeholder="My Device"
        onchange="setUploadField(this);">
+</p>
 <p class="dialogHelp">The device name enables you to tell apart tracks you may
 upload from multiple devices.</p>
 </div>

diff --git a/manifest.appcache b/manifest.appcache
index 12f5d412c7734e38641697fae5c0c37d117b412d..228516a4863a2acdf48bd0968bd4da9fc77afb10 100644 (file)
--- a/manifest.appcache
+++ b/manifest.appcache
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2017-10-06
+# 2017-10-07
 index.html
 auth-done.html
 manifest.webapp

diff --git a/style/lantea.css b/style/lantea.css
index 8abba245e9a724a9e773b41b6b9df7c2cf89cfb2..6f86f6d9133dd9dcc10d119c68c19e58b4ad156a 100644 (file)
--- a/style/lantea.css
+++ b/style/lantea.css
@@ -145,7 +145,7 @@ h1 {
   }
 }
 
-.menuDrawer > p {
+.menuDrawer p {
   margin: .5em 0;
 }
 
@@ -285,12 +285,12 @@ h1 {
 
 .menuDrawer input[type="text"],
 .menuDrawer input[type="number"] {
+  font-size: 1em;
   vertical-align: middle;
   background-image: none;
   background-color: rgba(204, 204, 204, .7);
   color: #404040;
   padding: 1px .5em;
-  margin: 1px 0;
   border: 1px solid #CCCCCC;
   border-radius: 3px;
 }
@@ -322,10 +322,21 @@ h1 {
   color: #202020;
 }
 
+.menuDrawer p.subTitle {
+  margin: .75em 0 .5em;
+  font-weight: bold;
+}
+
 #trackData {
   margin: 0;
 }
 
+#trackDialogArea {
+  border-top: 2px solid;
+  border-bottom: 2px solid;
+  padding: 3px 0;
+}
+
 #map, #track {
   position: fixed;
   border: 0;
@@ -362,11 +373,6 @@ h1 {
   display: none;
 }
 
-.settingsSubTitle {
-  margin: .5em 0 0;
-  font-weight: bold;
-}
-
 #copyright {
   bottom: 5px;
   right: .5em;