From 5bf5e95d84f25c657502477e2a6fad10a316526b Mon Sep 17 00:00:00 2001
From: rnlee0054 <rnl002@ucsd.edu>
Date: Mon, 25 May 2015 10:23:55 -0700
Subject: [PATCH] Fixing Add a class input box clipping on small screens

---
 templates/addclass.html | 66 +++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/templates/addclass.html b/templates/addclass.html
index 5743cbb..07dbf56 100644
--- a/templates/addclass.html
+++ b/templates/addclass.html
@@ -1,39 +1,41 @@
 <div class="" style="margin-top:32px;">
   <div class="row" style="max-width:800px; width:90%; min-width:512px; margin: 0 auto">
-    <h2 class="header">Add a class</h2>
-    <md-content layout-padding="" layout="column" style="overflow:hidden">
+    <div class="offset-m2 col m8">
+      <h2 class="header">Add a class</h2>
+      <md-content layout-padding="" layout="column" style="overflow:hidden">
 
-      <form ng-submit="$event.preventDefault()">
-        <div layout="row">
-          <md-autocomplete flex=""
-                           md-autofocus="true"
-                           md-selected-item="selectedItem"
-                           md-search-text="searchText"
-                           md-items="item in trySearch(searchText)"
-                           md-item-text="item.short_name"
-                           md-selected-item-change="selectObject(event)"
-                           md-autoselect="true"
-                  >
-            <md-item-template>
-              <div layout="row">
-                <div>{{item.short_name}}: {{item.course_title}}
-                  ({{item.instructor}})
+        <form ng-submit="$event.preventDefault()">
+          <div layout="row">
+            <md-autocomplete flex=""
+                             md-autofocus="true"
+                             md-selected-item="selectedItem"
+                             md-search-text="searchText"
+                             md-items="item in trySearch(searchText)"
+                             md-item-text="item.short_name"
+                             md-selected-item-change="selectObject(event)"
+                             md-autoselect="true"
+                    >
+              <md-item-template>
+                <div layout="row">
+                  <div>{{item.short_name}}: {{item.course_title}}
+                    ({{item.instructor}})
+                  </div>
+                  <div style="margin-left:auto;text-align:right;padding-left:30px">
+                    {{item.lecture_times}}
+                  </div>
                 </div>
-                <div style="margin-left:auto;text-align:right;padding-left:30px">
-                  {{item.lecture_times}}
-                </div>
-              </div>
-            </md-item-template>
-            <md-not-found>
-              No classes match "{{searchText}}".
-            </md-not-found>
-          </md-autocomplete>
-          <button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add
-            <i class="mdi-content-add right"></i>
-          </button>
-        </div>
+              </md-item-template>
+              <md-not-found>
+                No classes match "{{searchText}}".
+              </md-not-found>
+            </md-autocomplete>
+            <button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add
+              <i class="mdi-content-add right"></i>
+            </button>
+          </div>
 
-      </form>
-    </md-content>
+        </form>
+      </md-content>
+    </div>
   </div>
 </div>
-- 
1.9.1