110swag / flashy-frontend

Commit 5bf5e95d84f25c657502477e2a6fad10a316526b

Authored by Rachel Lee 2015-05-25 10:23:55 -0700

Fixing Add a class input box clipping on small screens

Showing 1 changed file with 34 additions and 32 deletions Inline Diff

templates/addclass.html

<div class="" style="margin-top:32px;">	1	1	<div class="" style="margin-top:32px;">
<div class="row" style="max-width:800px; width:90%; min-width:512px; margin: 0 auto">	2	2	<div class="row" style="max-width:800px; width:90%; min-width:512px; margin: 0 auto">
<h2 class="header">Add a class</h2>	3	3	<div class="offset-m2 col m8">
<md-content layout-padding="" layout="column" style="overflow:hidden">	4	4	<h2 class="header">Add a class</h2>
		5	<md-content layout-padding="" layout="column" style="overflow:hidden">
	5	6
<form ng-submit="$event.preventDefault()">	6	7	<form ng-submit="$event.preventDefault()">
<div layout="row">	7	8	<div layout="row">
<md-autocomplete flex=""	8	9	<md-autocomplete flex=""
md-autofocus="true"	9	10	md-autofocus="true"
md-selected-item="selectedItem"	10	11	md-selected-item="selectedItem"
md-search-text="searchText"	11	12	md-search-text="searchText"
md-items="item in trySearch(searchText)"	12	13	md-items="item in trySearch(searchText)"
md-item-text="item.short_name"	13	14	md-item-text="item.short_name"
md-selected-item-change="selectObject(event)"	14	15	md-selected-item-change="selectObject(event)"
md-autoselect="true"	15	16	md-autoselect="true"
>	16	17	>
<md-item-template>	17	18	<md-item-template>
<div layout="row">	18	19	<div layout="row">
<div>{{item.short_name}}: {{item.course_title}}	19	20	<div>{{item.short_name}}: {{item.course_title}}
({{item.instructor}})	20	21	({{item.instructor}})
		22	</div>
		23	<div style="margin-left:auto;text-align:right;padding-left:30px">
		24	{{item.lecture_times}}
		25	</div>
</div>	21	26	</div>
<div style="margin-left:auto;text-align:right;padding-left:30px">	22	27	</md-item-template>
{{item.lecture_times}}	23	28	<md-not-found>
</div>	24	29	No classes match "{{searchText}}".
</div>	25	30	</md-not-found>
</md-item-template>	26	31	</md-autocomplete>
<md-not-found>	27	32	<button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add
No classes match "{{searchText}}".	28	33	<i class="mdi-content-add right"></i>
</md-not-found>	29	34	</button>
</md-autocomplete>	30	35	</div>
<button class="btn waves-effect waves-light" type="submit" name="add" ng-click="submit()">Add	31
<i class="mdi-content-add right"></i>	32
</button>	33
</div>	34
	35	36
</form>	36	37	</form>
</md-content>	37	38	</md-content>
		39	</div>
</div>	38	40	</div>
</div>	39	41	</div>
	40	42