Style trace edit form to match trace creation form
authorTom Hughes <tom@compton.nu>
Wed, 18 Jun 2014 21:48:23 +0000 (22:48 +0100)
committerTom Hughes <tom@compton.nu>
Wed, 18 Jun 2014 21:48:23 +0000 (22:48 +0100)
app/assets/stylesheets/common.css.scss
app/views/trace/edit.html.erb

index adad49d2a31f25c9b9531803444c5ddeea188349..5b08894554e83b07deb0640f731b13b54b97e020 100644 (file)
@@ -1333,6 +1333,22 @@ header .search_form {
   }
 }
 
+/* Rules for the edit trace form */
+
+.edit_trace {
+  .form-row p {
+    margin-bottom: 0px;
+  }
+
+  input[type=text] {
+    width: 50%;
+    width: -moz-calc(100% - 150px);
+    width: -webkit-calc(100% - 150px);
+    width: calc(100% - 150px);
+    max-width: 500px;
+  }
+}
+
 /* Rules for the user profile page */
 
 #userinformation {
index 200f6aa26fd4f9c9a3f36e85386594606bde74fa..da273b0ebb390ff42549c9adb30d108e419bbc8e 100644 (file)
@@ -9,49 +9,41 @@
 <div id='edit-trace-form' class='standard-form'>
   <fieldset>
     <div class='form-row'>
-      <label><%= t'trace.edit.filename' %></label>
+      <label class='standard-label'><%= t'trace.edit.filename' %></label>
       <p class='deemphasize'><%= @trace.name %> (<%= link_to t('trace.edit.download'), :controller => 'trace', :action => 'data', :id => @trace.id %>)</p>
     </div>
     <div class='form-row'>
-      <label><%= t'trace.edit.uploaded_at' %></label>
+      <label class='standard-label'><%= t'trace.edit.uploaded_at' %></label>
       <p class='deemphasize'><%= l @trace.timestamp, :format => :friendly %></p>
     </div>
-  </fieldset>
-
   <% if @trace.inserted? %>
-
-  <fieldset>
     <div class='form-row'>
-      <label><%= t'trace.edit.points' %></label>
+      <label class='standard-label'><%= t'trace.edit.points' %></label>
       <p class='deemphasize'><%= @trace.size.to_s.gsub(/(\d)(?=(\d{3})+$)/,'\1,') %></p>
     </div>
     <div class='form-row'>
-      <label><%= t'trace.edit.start_coord' %></label>
+      <label class='standard-label'><%= t'trace.edit.start_coord' %></label>
     </div>
     <div class="geo">
       <span class="latitude"><%= @trace.latitude %></span>;
       <span class="longitude"><%= @trace.longitude %></span>
     </div>
     (<%=link_to t('trace.edit.map'), :controller => 'site', :action => 'index', :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %> / <%=link_to t('trace.edit.edit'), :controller => 'site', :action => 'edit', :gpx=> @trace.id, :anchor => "map=14/#{@trace.latitude}/#{@trace.longitude}" %>)
-  </fieldset>
-
   <% end %>
-
-  <fieldset>
     <div class='form-row'>
-      <label><%= t'trace.edit.owner' %></label>
+      <label class='standard-label'><%= t'trace.edit.owner' %></label>
       <p class='deemphasize'><%= link_to h(@trace.user.display_name), {:controller => 'user', :action => 'view', :display_name => @trace.user.display_name} %></p>
     </div>
     <div class='form-row'>
-      <label><%= t'trace.edit.description' %></label>
+      <label class='standard-label'><%= t'trace.edit.description' %></label>
       <%= f.text_field :description %>
     </div>
     <div class='form-row'>
-      <label><%= t'trace.edit.tags' %></label>
+      <label class='standard-label'><%= t'trace.edit.tags' %></label>
       <%= f.text_field :tagstring %> (<%= t'trace.edit.tags_help' %>)
     </div>
     <div class='form-row'>
-      <label><%= t'trace.edit.visibility' %></label>
+      <label class='standard-label'><%= t'trace.edit.visibility' %></label>
       <%= f.select :visibility, [[t('trace.visibility.private'),"private"],[t('trace.visibility.public'),"public"],[t('trace.visibility.trackable'),"trackable"],[t('trace.visibility.identifiable'),"identifiable"]] %> (<a href="<%= t'trace.edit.visibility_help_url' %>"><%= t'trace.edit.visibility_help' %></a>)
     </div>
   </fieldset>