summary: show "Show by ID" toggler after the clone url

It looked like something important ... but most users don't need it.

rhodecode/public/css/style.css

@@ -3525,15 +3525,16 b' div.gravatar img {'
 
 .ui-btn.clone {
     padding: 5px 2px 6px 1px;
-    margin: 0px -4px 3px 0px;
-    -webkit-border-radius: 4px 0px 0px 4px !important;
-    -khtml-border-radius: 4px 0px 0px 4px !important;
-    -moz-border-radius: 4px 0px 0px 4px !important;
-    border-radius: 4px 0px 0px 4px !important;
+    margin: 0px 0px 3px -4px;
+    -webkit-border-radius: 0px 4px 4px 0px !important;
+    -khtml-border-radius: 0px 4px 4px 0px !important;
+    -moz-border-radius: 0px 4px 4px 0px !important;
+    border-radius: 0px 4px 4px 0px !important;
     width: 100px;
     text-align: center;
-    float: left;
-    position: absolute;
+    display: inline-block;
+    position: relative;
+    top: -2px;
 }
 .ui-btn:focus {
     outline: none;

rhodecode/templates/summary/summary.html

@@ -145,10 +145,10 b''
                   <label>${_('Clone url')}:</label>
               </div>
               <div class="input ${summary(c.show_stats)}">
-                  <div  style="display:none" id="clone_by_name" class="ui-btn clone">${_('Show by Name')}</div>
+                  <input style="width:80%" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
+                  <input style="display:none;width:80%" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>
+                  <div style="display:none" id="clone_by_name" class="ui-btn clone">${_('Show by Name')}</div>
                   <div id="clone_by_id" class="ui-btn clone">${_('Show by ID')}</div>
-                  <input style="width:80%;margin-left:105px" type="text" id="clone_url" readonly="readonly" value="${c.clone_repo_url}"/>
-                  <input style="display:none;width:80%;margin-left:105px" type="text" id="clone_url_id" readonly="readonly" value="${c.clone_repo_url_id}"/>
               </div>
              </div>