Layout update to admin panel

Layout update to admin panel, converting over bootstrap classes to brass tacks.

Fixes margin, padding and broken floats.

Put list of usernames into a fixed height scrollable window so as to make the page shorter.

public/css/styles.css

@@ -27,3 +27,10 @@ select, textarea, input[type="text"], input[type="password"], input[type="dateti
 
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
 line-height:inherit; height:auto!important}
+
+.scroll-Admin{
+  background:rgba(255,255,255,.4);
+  border:1px solid #ccc;
+  max-height:400px;
+  overflow:auto;
+}

views/admin.slim

@@ -1,9 +1,10 @@
-.row
-  .span12  
+.content-Base
+  .row.content
+    .col  
       h1 SECRET NSA BACKDOOR REPORTING ZONE
   
-.row
-  .span6
+  .row
+    .col.col-50
       
       h2 Ban User
       
@@ -13,15 +14,16 @@
         input type="text" name="username" placeholder="edwardsnowden" autocapitalize="off" autocorrect="off"
         br
         input.btn.btn-danger type="submit" value="Ban"
-  .span6
+    .col.col-50
       h2 Banned Terrorists
+      .scoll-Admin
         - @banned_sites.each do |banned_site|
           = banned_site.username
           br
   
   
-.row
-  .span6
+  .row
+    .col.col-50
       h2 Mark NSFW
       
       form action="/admin/mark_nsfw" method="POST"
@@ -30,8 +32,9 @@
         input type="text" name="username" placeholder="edwardsnowden" autocapitalize="off" autocorrect="off"
         br
         input.btn.btn-danger type="submit" value="Mark NSFW"
-  .span6
+    .col.col-50
       h2 NSFW Sites
+      .scroll-Admin
         - @nsfw_sites.each do |nsfw_site|
           = nsfw_site.username
           br