Switch to side-by-side view

--- a/Allura/allura/templates/repo/repo_master.html
+++ b/Allura/allura/templates/repo/repo_master.html
@@ -2,16 +2,19 @@
 
 {% macro clone_info(repo) %}
   {% if repo %}
-    <label for="ro" style="width:8em; float:left;">Read-only</label>
-    <input id="ro" style="width:40em; float:left;" readonly type="text"
-           class="selectText"
-           value="{{repo.readonly_clone_command()}}"/>
-    <br style="clear:both;"/>
+    <label for="ro" class="grid-3">Read-only</label>
+    <div class="grid-16">
+      <input id="ro" style="width:40em;" readonly type="text"
+             class="selectText"
+             value="{{repo.readonly_clone_command()}}"/>
+    </div>
     {% if c.user != c.user.anonymous() %}
-    <label for="rw" style="width:8em; float:left;">Read / write</label>
-    <input id="rw" style="width:40em; float:left;" readonly type="text"
-           class="selectText"
-           value="{{repo.readwrite_clone_command()}}"/>
+    <label for="rw" class="grid-3">Read / write</label>
+    <div class="grid-16">
+      <input id="rw" style="width:40em;" readonly type="text"
+             class="selectText"
+             value="{{repo.readwrite_clone_command()}}"/>
+    </div>
     <br style="clear:both;"/>
     {% endif %}
   {% endif %}