improve styling of drawer changes
authorRobert Kaiser <kairo@kairo.at>
Fri, 6 Oct 2017 21:42:33 +0000 (23:42 +0200)
committerRobert Kaiser <kairo@kairo.at>
Fri, 6 Oct 2017 21:42:33 +0000 (23:42 +0200)
index.html
manifest.appcache
style/lantea.css

index 969178f..73b7347 100644 (file)
@@ -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>
 </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>
index 12f5d41..228516a 100644 (file)
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2017-10-06
+# 2017-10-07
 index.html
 auth-done.html
 manifest.webapp
index 8abba24..6f86f6d 100644 (file)
@@ -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;