Skip to content

T
thegoodplace
Commit edb038e9 authored by Kirby Ezekiel Santos's avatar Kirby Ezekiel Santos
Browse files
Options

Added css for ingredients list

parent 249c376d
Hide whitespace changes
Inline Side-by-side
Showing with 32 additions and 16 deletions
static/styles.css
View file @ edb038e9
......@@ -8,6 +8,10 @@ th{
text-align: center;
}
td{
text-align: center;
}
h2 {
text-align: center;
}
......@@ -19,7 +23,12 @@ h2 {
}
.table{
font-size: 20px;
font-size: 15px;
padding: 5px;
}
.button_container {
margin: 10px;
}
#page_header {
......
templates/ingredients_list.html
View file @ edb038e9
......@@ -2,14 +2,17 @@
<html>
<head>
<title>Ingredients - List</title>
<link rel="stylesheet" href="/static/bootstrap.min.css">
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<div>
<div class="col-lg-10 col-lg-10 mx-auto container">
<h1 id="page_header">Ingredients - List</h1>
</div>
<div>
<div class="col-lg-10 col-lg-10 mx-auto container">
<table class="table">
<thead>
<tr>
......@@ -21,25 +24,29 @@
<tr>
<td></td>
<td>
<form method="get" action="http://localhost:8000/ingredients-detail">
<button type="submit" id="button_to_ingredients_detail">Go to detail</button>
</form>
<div class="col-lg-5 mx-auto">
<form method="get" action="http://localhost:8000/ingredients-detail">
<button type="submit" class="btn-sm" id="button_to_ingredients_detail">Go to detail</button>
</form>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<form method="get" action="http://localhost:8000/ingredients-create">
<button type="submit" id="button_to_ingredients_create">Create New Ingredient</button>
</form>
</div>
<div class="col-lg-10 mx-auto container">
<div class="col-lg-8 mx-auto button_container">
<form method="get" action="http://localhost:8000/ingredients-create">
<button type="submit" class="btn-block btn-outline-info" id="button_to_ingredients_create">Create New Ingredient</button>
</form>
</div>
<div>
<form method="get" action="http://localhost:8000">
<button type="submit" id="back_button">Back to Home</button>
</form>
</div>
<div class="col-lg-8 mx-auto button_container">
<form method="get" action="http://localhost:8000">
<button type="submit" class="btn-block btn-outline-danger" id="back_button">Back to Home</button>
</form>
</div>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment