noscript fallback for the table dropdown

- Used .no-js based on Modernizr
- Beautified clients.html with 2-space indentation

Signed-off-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>

static/themes/default/css/plinth.css

@@ -43,8 +43,10 @@ body {
 }
 
 .running-status.loading {
-    border: 4px solid #f3f3f3; /* Light grey */
-    border-top: 4px solid #3498db; /* Blue */
+    border: 4px solid #f3f3f3;
+    /* Light grey */
+    border-top: 4px solid #3498db;
+    /* Blue */
     border-radius: 50%;
     width: 16px;
     height: 16px;
@@ -53,8 +55,12 @@ body {
 }
 
 @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 
 .form-diagnostics-button {
@@ -62,11 +68,13 @@ body {
 }
 
 /* Hide log out button if user dropdown is available */
+
 .js #logout-nojs {
     display: none;
 }
 
 /* Hide the dropdown icon when javascript is not available */
+
 .no-js .nav .dropdown .caret {
     display: none;
 }
@@ -77,6 +85,7 @@ body {
 
 /* Sticky footer styles
 -------------------------------------------------- */
+
 footer .license-info {
     opacity: 0.75;
 }
@@ -89,7 +98,8 @@ html {
     position: relative;
 }
 
-body, html {
+body,
+html {
     height: 100%;
 }
 
@@ -166,3 +176,18 @@ footer license-info p{
     content: "\e080";
 }
 
+/* No-JS fallbacks for collapsible content in clients.html */
+.no-js .collapse {
+    display: block;
+}
+
+.no-js #collapsible-button:after {
+    font-family: "Glyphicons Halflings";
+    content: "\e114";
+    margin-left: 5px;
+}
+
+.no-js #collapsible-button.collapsed:after {
+    content: "\e114";
+}
+