Commit 5bf5e95d84f25c657502477e2a6fad10a316526b
1 parent
b485ee35d5
Exists in
master
and in
1 other branch
Fixing Add a class input box clipping on small screens
Showing 1 changed file with 34 additions and 32 deletions Side-by-side Diff
templates/addclass.html
View file @
5bf5e95
| 1 | 1 | <div class="" style="margin-top:32px;"> |
| 2 | 2 | <div class="row" style="max-width:800px; width:90%; min-width:512px; margin: 0 auto"> |
| 3 | - <h2 class="header">Add a class</h2> | |
| 4 | - <md-content layout-padding="" layout="column" style="overflow:hidden"> | |
| 3 | + <div class="offset-m2 col m8"> | |
| 4 | + <h2 class="header">Add a class</h2> | |
| 5 | + <md-content layout-padding="" layout="column" style="overflow:hidden"> | |
| 5 | 6 | |
| 6 | - <form ng-submit="$event.preventDefault()"> | |
| 7 | - <div layout="row"> | |
| 8 | - <md-autocomplete flex="" | |
| 9 | - md-autofocus="true" | |
| 10 | - md-selected-item="selectedItem" | |
| 11 | - md-search-text="searchText" | |
| 12 | - md-items="item in trySearch(searchText)" | |
| 13 | - md-item-text="item.short_name" | |
| 14 | - md-selected-item-change="selectObject(event)" | |
| 15 | - md-autoselect="true" | |
| 16 | - > | |
| 17 | - <md-item-template> | |
| 18 | - <div layout="row"> | |
| 19 | - <div>{{item.short_name}}: {{item.course_title}} | |
| 20 | - ({{item.instructor}}) | |
| 7 | + <form ng-submit="$event.preventDefault()"> | |
| 8 | + <div layout="row"> | |
| 9 | + <md-autocomplete flex="" | |
| 10 | + md-autofocus="true" | |
| 11 | + md-selected-item="selectedItem" | |
| 12 | + md-search-text="searchText" | |
| 13 | + md-items="item in trySearch(searchText)" | |
| 14 | + md-item-text="item.short_name" | |
| 15 | + md-selected-item-change="selectObject(event)" | |
| 16 | + md-autoselect="true" | |
| 17 | + > | |
| 18 | + <md-item-template> | |
| 19 | + <div layout="row"> | |
| 20 | + <div>{{item.short_name}}: {{item.course_title}} | |
| 21 | + ({{item.instructor}}) | |
| 22 | + </div> | |
| 23 | + <div style="margin-left:auto;text-align:right;padding-left:30px"> | |
| 24 | + {{item.lecture_times}} | |
| 25 | + </div> | |
| 21 | 26 | </div> |
| 22 | - <div style="margin-left:auto;text-align:right;padding-left:30px"> | |
| 23 | - {{item.lecture_times}} | |
| 24 | - </div> | |
| 25 | - </div> | |
| 26 | - </md-item-template> | |
| 27 | - <md-not-found> | |
| 28 | - No classes match "{{searchText}}". | |
| 29 | - </md-not-found> | |
| 30 | - </md-autocomplete> | |
| 31 | - <button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add | |
| 32 | - <i class="mdi-content-add right"></i> | |
| 33 | - </button> | |
| 34 | - </div> | |
| 27 | + </md-item-template> | |
| 28 | + <md-not-found> | |
| 29 | + No classes match "{{searchText}}". | |
| 30 | + </md-not-found> | |
| 31 | + </md-autocomplete> | |
| 32 | + <button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add | |
| 33 | + <i class="mdi-content-add right"></i> | |
| 34 | + </button> | |
| 35 | + </div> | |
| 35 | 36 | |
| 36 | - </form> | |
| 37 | - </md-content> | |
| 37 | + </form> | |
| 38 | + </md-content> | |
| 39 | + </div> | |
| 38 | 40 | </div> |
| 39 | 41 | </div> |