Some changes to layout

7 years ago · 7a76b332ae
parent db61096878
commit 7a76b332ae
2 changed files with 10 additions and 12 deletions
--- a/static/style.css
+++ b/static/style.css
@ -5,11 +5,10 @@ html {
 }

 h1 {
-	padding-left: 20pt;
 }

 h2 {
-	padding-left: 20pt;
+	padding-left: 40pt;
 }

 .leaderboard {
@ -29,7 +28,6 @@ h2 {
 	position: absolute;
 	top: 0;
 	left: 35%;
-	padding-left: 8pt;
 	padding-top: 8pt;
 }

@ -75,7 +73,7 @@ h2 {
 	width: auto;
 	position: absolute;
 	top: 50%;
-	left: 25pt;
+	left: 40pt;
 	margin-top: -25pt;
 }

@ -84,7 +82,7 @@ h2 {
 	font-size: 16pt;
 	top: 50%;
 	margin-top: -8pt;
-	left: 100pt;
+	left: 120pt;
 }

 .eater-entry {
@ -98,7 +96,7 @@ h2 {
 	width: auto;
 	position: absolute;
 	top: 50%;
-	left: 25pt;
+	left: 40pt;
 	margin-top: -25pt;
 }

@ -107,7 +105,7 @@ h2 {
 	font-size: 16pt;
 	top: 50%;
 	margin-top: -8pt;
-	left: 100pt;
+	left: 120pt;
 }

 .rect-button {
@ -116,7 +114,7 @@ h2 {
 	background: #EE7500;
 	position: relative;
 	color: #F1EDEA;
-	left: 200pt;
+	left: 220pt;
 	margin-top: 3pt;
 	cursor: pointer;
 }
@ -137,7 +135,7 @@ h2 {
 	width: 50pt;
 	position: absolute;
 	top: 50%;
-	left: 25pt;
+	left: 40pt;
 	margin-top: -25pt;
 	color: #F1EDEA;
 	border-radius: 25pt;
--- a/templates/index.html
+++ b/templates/index.html
@ -17,7 +17,7 @@
 </head>
 <body>
 	<div class="leaderboard">
-		<h1>Leaderboard</h1>
+		<h1 style="text-align: center">Leaderboard</h1>
 		<div class="leaderboard-contiainer">
 			{% for person in leaderboard %}
 			<div class="lb-entry">
@ -29,7 +29,7 @@
 		</div>
 	</div>
 	<div class="next-meal">
-		<h1>Next Meal</h1>
+		<h1 style="padding-left: 40pt">Next Meal</h1>
 		<h2>Cook</h2>
 			<div class="cook-entry">
 				<img src="{{url_for('static', filename=cook.name + '.png')}}">
@ -45,7 +45,7 @@
 			</div>
 			{% endfor %}
 			<div class="eater-entry">
-				<div class="add-button"><span><i class="fa fa-plus" aria-hidden="true"></i></span></div>
+				<div class="add-button" onclick="addme()"><span><i class="fa fa-plus" aria-hidden="true"></i></span></div>
 				<span>Add me</span>
 			</div>
 	</div>