improve styling of drawer changes
[lantea.git] / index.html
index 5cb6382f538451c7506be35bcc57b361bf5e3135..73b7347e625151b7576f8415c8f9cde689a2ae64 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>
-<label for="uploadDesc">Description:</label>
+<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>
@@ -101,14 +105,15 @@ operator to any other services, e.g. OpenStreetMap.</p>
 <input type="button" id="clearCacheButton" value="Clear Cached Maps"
        onclick="gTileService.clearDB();">
 </p>
-<div id="uploadSettingsArea" class="debugHide">
-<p class="settingsSubTitle">OpenStreetMap Track Upload:</p>
-<label for="uploadUser">User name:</label>
-<input type="text" id="uploadUser" maxlength="255"
-       onchange="setUploadField(this);"><br/>
-<label for="uploadPwd">Password:</label>
-<input type="password" id="uploadPwd" maxlength="255"
+<div id="uploadSettingsArea">
+<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>
 </div>