Some changes to layout

master
Davide Bongiovanni 7 years ago
parent db61096878
commit 7a76b332ae

@ -5,11 +5,10 @@ html {
} }
h1 { h1 {
padding-left: 20pt;
} }
h2 { h2 {
padding-left: 20pt; padding-left: 40pt;
} }
.leaderboard { .leaderboard {
@ -29,7 +28,6 @@ h2 {
position: absolute; position: absolute;
top: 0; top: 0;
left: 35%; left: 35%;
padding-left: 8pt;
padding-top: 8pt; padding-top: 8pt;
} }
@ -75,7 +73,7 @@ h2 {
width: auto; width: auto;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 25pt; left: 40pt;
margin-top: -25pt; margin-top: -25pt;
} }
@ -84,7 +82,7 @@ h2 {
font-size: 16pt; font-size: 16pt;
top: 50%; top: 50%;
margin-top: -8pt; margin-top: -8pt;
left: 100pt; left: 120pt;
} }
.eater-entry { .eater-entry {
@ -98,7 +96,7 @@ h2 {
width: auto; width: auto;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 25pt; left: 40pt;
margin-top: -25pt; margin-top: -25pt;
} }
@ -107,7 +105,7 @@ h2 {
font-size: 16pt; font-size: 16pt;
top: 50%; top: 50%;
margin-top: -8pt; margin-top: -8pt;
left: 100pt; left: 120pt;
} }
.rect-button { .rect-button {
@ -116,7 +114,7 @@ h2 {
background: #EE7500; background: #EE7500;
position: relative; position: relative;
color: #F1EDEA; color: #F1EDEA;
left: 200pt; left: 220pt;
margin-top: 3pt; margin-top: 3pt;
cursor: pointer; cursor: pointer;
} }
@ -137,7 +135,7 @@ h2 {
width: 50pt; width: 50pt;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 25pt; left: 40pt;
margin-top: -25pt; margin-top: -25pt;
color: #F1EDEA; color: #F1EDEA;
border-radius: 25pt; border-radius: 25pt;

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<div class="leaderboard"> <div class="leaderboard">
<h1>Leaderboard</h1> <h1 style="text-align: center">Leaderboard</h1>
<div class="leaderboard-contiainer"> <div class="leaderboard-contiainer">
{% for person in leaderboard %} {% for person in leaderboard %}
<div class="lb-entry"> <div class="lb-entry">
@ -29,7 +29,7 @@
</div> </div>
</div> </div>
<div class="next-meal"> <div class="next-meal">
<h1>Next Meal</h1> <h1 style="padding-left: 40pt">Next Meal</h1>
<h2>Cook</h2> <h2>Cook</h2>
<div class="cook-entry"> <div class="cook-entry">
<img src="{{url_for('static', filename=cook.name + '.png')}}"> <img src="{{url_for('static', filename=cook.name + '.png')}}">
@ -45,7 +45,7 @@
</div> </div>
{% endfor %} {% endfor %}
<div class="eater-entry"> <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> <span>Add me</span>
</div> </div>
</div> </div>

Loading…
Cancel
Save