Sizing tweaks for "My Checks" table. Select ping urls by clicking on them.

static/css/my_checks_desktop.css

@@ -60,6 +60,7 @@ table.table tr > th.th-name {
 
 .checks-subline {
     color: #888;
+    white-space: nowrap;
 }
 
 .check-menu {
@@ -74,6 +75,22 @@ tr:hover .check-menu {
     color: #333;
 }
 
-.my-checks-email {
+#checks-table .url-cell {
-    display: none;
+    white-space: nowrap;
+}
+
+#checks-table .placeholder, #checks-table .my-checks-url.off, #checks-table .my-checks-email.off {
+    font-family: "Lucida Console", Monaco, monospace;
+    font-size: 11.7px;
+    height: 0;
+    overflow: hidden;
+}
+
+#checks-table .selectable {
+    font-family: "Lucida Console", Monaco, monospace;
+    font-size: 11.7px;
+    width: 100%;
+    border: 0;
+    cursor: text;
+    background: transparent;
 }

static/js/checks.js

@@ -109,18 +109,23 @@ $(function () {
 
     $("#show-urls").click(function() {
         $("#show-urls").addClass("active");
-        $(".my-checks-url").show();
+        $(".my-checks-url").removeClass("off");
 
         $("#show-emails").removeClass("active");
-        $(".my-checks-email").hide();
+        $(".my-checks-email").addClass("off");
     });
 
     $("#show-emails").click(function() {
         $("#show-urls").removeClass("active");
-        $(".my-checks-url").hide();
+        $(".my-checks-url").addClass("off");
 
         $("#show-emails").addClass("active");
-        $(".my-checks-email").show();
+        $(".my-checks-email").removeClass("off");
+    });
+
+    $(".selectable").click(function() {
+        $(this).tooltip("hide");
+        this.select();
     });
 
     $("#my-checks-tags button").click(function() {

templates/front/my_checks_desktop.html

@@ -42,8 +42,23 @@
             </div>
         </td>
         <td class="url-cell">
-            <code class="my-checks-url">{{ check.url }}</code>
+            <div class="placeholder">{{ check.url }}</div>
-            <code class="my-checks-email">{{ check.email }}</code>
+            <div class="my-checks-url">
+                <input
+                    data-toggle="tooltip"
+                    title="Click to select"
+                    class="selectable"
+                    type="text"
+                    value="{{ check.url }}"
+                    readonly />
+            </div>
+            <div class="my-checks-email off">
+                <input
+                    class="selectable"
+                    type="text"
+                    value="{{ check.email }}"
+                    readonly />
+            </div>
         </td>
         <td class="timeout-cell">
             <span