pyc-website

commit b4e24aaee3d667c08e0b3b31c9b916e46012cd0c
parent 3bfc0580f0c212d53100cb51c38da47f0461bfad
Author: Jul <jul@9o.is>
Date:   Mon, 14 Jul 2014 23:17:05 -0400

changed css settings for atm page

Diffstat:
M
src/main/webapp/atm.html
 | 
47
++++++++++++++++++++++++-----------------------
M
src/main/webapp/less/custom.less
 | 
4
++++
M
src/main/webapp/less/pages/atm.less
 | 
15
++++++++++++++-
M
src/main/webapp/less/variables.less
 | 
2
+-

4 files changed, 43 insertions(+), 25 deletions(-)
diff --git a/src/main/webapp/atm.html b/src/main/webapp/atm.html
@@ -4,38 +4,39 @@
 	<div class="row">
 		<div class="col-xs-12">
 			<div class="jumbotron wide">
-				<h1>{{model.name}}</h1>
+				<h1 class="name">{{model.name}}</h1>
 			</div>
 		</div>
 	</div>
 	
 	<div class="row no-gutter">
 		<div class="col-xs-12 col-sm-6">
-				<div id="atm-info" class="jumbotron wide">	
-				
+			
+			<div id="atm-info" class="jumbotron wide">				
 				<div class="well well-sm bg-{{model.statusLevel}} text-white">
-						<h5 class="store-status">{{model.status}}</h5>
-					</div>
-								
-					<address class="jumbo bold">
-						{{model.address}}<br> 
-						{{model.city}}, {{model.state}} {{model.postal}}<br> 
-						<abbr title="Phone">P:</abbr> {{model.phone}}<br>
-						<abbr title="Owner">O:</abbr> {{model.owner}}<br>
-						<a href="{{model.website}}" target="_blank">{{model.website}}</a>
-					</address>
-
-					<table class="small">
-						<tbody>
-							<tr ng-repeat="time in model.times"
-								ng-class="{'today': today() == $index}">
-								<td>{{ day($index) }}</td>
-								<td>{{ timeRange(time.open, time.close) }}</td>
-							</tr>
-						</tbody>
-					</table>
+					<h5 class="store-status">{{model.status}}</h5>
 				</div>
+								
+				<address class="jumbo bold">
+					{{model.address}}<br> 
+					{{model.city}}, {{model.state}} {{model.postal}}<br> 
+					<abbr title="Phone">P:</abbr> {{model.phone}}<br>
+					<abbr title="Owner">O:</abbr> {{model.owner}}<br>
+					<a href="{{model.website}}" target="_blank">{{model.website}}</a>
+				</address>
 			</div>
+
+			<table>
+				<tbody>
+					<tr ng-repeat="time in model.times"
+						ng-class="{'today': today() == $index}">
+						<td>{{ day($index) }}</td>
+						<td>{{ timeRange(time.open, time.close) }}</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		
 		<div class="col-xs-12 col-sm-6 atm-images">
 			<div class="row">
 				<div class="col-xs-6">
diff --git a/src/main/webapp/less/custom.less b/src/main/webapp/less/custom.less
@@ -129,6 +129,10 @@
 	color: @white !important;
 }
 
+.text-warning {
+	color: @brand-warning !important;
+}
+
 .text-gray-midlight {
 	color: @gray-mid-light !important;
 }
diff --git a/src/main/webapp/less/pages/atm.less b/src/main/webapp/less/pages/atm.less
@@ -10,13 +10,26 @@
 		margin: 0;
 	  }
 	  
+	  address {
+	  	font-size: 18px !important;
+	  	margin-bottom: 0;
+	  }
+	  
 	  &#atm-info {
 	  	padding-top: 0;
 	  }
+	  
+	  h1.name {
+	  	font-size: 43px !important;
+	  }
 	}
 	
 	.atm-images img {
 		width: 100%;
 		border: 3px solid white;
-	} 
+	}
+	
+	table tr.today {
+		font-weight: bold;
+	}
 }
 \ No newline at end of file
diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less
@@ -58,7 +58,7 @@
 @brand-secondary: 		@orange;
 @brand-tertiary:		#95A9C1;
 @brand-success:         #739E73;
-@brand-warning:         @yellow;
+@brand-warning:         @redBright;
 @brand-danger:          @red;
 @brand-info:            @blue;
 @bitcoin-color:			@orange;