made search form responsive

roomlist/accounts/templates/search/search.html

@@ -17,8 +17,10 @@ SRCT Roomlist • Search Students
 
 <form class="form-horizontal" method="get" action=".">
   <div class="form-group"> 
-    <label for="{{ form.q.id_for_label }}" class="col-md-1 col-md-offset-3"><strong>Name</strong> or <strong>Username</strong></label>
-    <div class="col-md-4">
+    <label for="{{ form.q.id_for_label }}" class="col-lg-1 col-lg-offset-3 col-md-2 col-md-offset-1 col-sm-2 col-xs-2">
+      <strong>Name</strong> or <strong>Username</strong>
+    </label>
+    <div class="col-lg-4 col-md-6 col-sm-8 col-xs-9">
       {{ form.q }}
     </div>
   <button type="submit" class="btn btn-default"><i class="fa fa-search fa-fw fa-lg"></i></button>
@@ -34,10 +36,10 @@ SRCT Roomlist &bull; Search Students
     {% if page.object_list %}
       <table class="table table-hover">
         <thead>
-          <th class="col-md-2"><h3><small>Username</small></h3></th>
-          <th class="col-md-5"><h3><small>Name</small></h3></th>
-          <th class="col-md-4"><h3><small>Major</small></h3></th>
-          <th class="col-md-1"><h3><small>Year</small></h3></th>
+          <th class="col-xs-2"><h3><small>Username</small></h3></th>
+          <th class="col-xs-5"><h3><small>Name</small></h3></th>
+          <th class="col-xs-4"><h3><small>Major</small></h3></th>
+          <th class="col-xs-1"><h3><small>Year</small></h3></th>
         </thead>
     {% endif %}