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{ ...@@ -8,6 +8,10 @@ th{
text-align: center; text-align: center;
} }
td{
text-align: center;
}
h2 { h2 {
text-align: center; text-align: center;
} }
...@@ -19,7 +23,12 @@ h2 { ...@@ -19,7 +23,12 @@ h2 {
} }
.table{ .table{
font-size: 20px; font-size: 15px;
padding: 5px;
}
.button_container {
margin: 10px;
} }
#page_header { #page_header {
......
templates/ingredients_list.html
View file @ edb038e9
...@@ -2,14 +2,17 @@ ...@@ -2,14 +2,17 @@
<html> <html>
<head> <head>
<title>Ingredients - List</title> <title>Ingredients - List</title>
<link rel="stylesheet" href="/static/bootstrap.min.css">
<link rel="stylesheet" href="/static/styles.css">
</head> </head>
<body> <body>
<div> <div class="col-lg-10 col-lg-10 mx-auto container">
<h1 id="page_header">Ingredients - List</h1> <h1 id="page_header">Ingredients - List</h1>
</div> </div>
<div> <div class="col-lg-10 col-lg-10 mx-auto container">
<table class="table"> <table class="table">
<thead> <thead>
<tr> <tr>
...@@ -21,25 +24,29 @@ ...@@ -21,25 +24,29 @@
<tr> <tr>
<td></td> <td></td>
<td> <td>
<form method="get" action="http://localhost:8000/ingredients-detail"> <div class="col-lg-5 mx-auto">
<button type="submit" id="button_to_ingredients_detail">Go to detail</button> <form method="get" action="http://localhost:8000/ingredients-detail">
</form> <button type="submit" class="btn-sm" id="button_to_ingredients_detail">Go to detail</button>
</form>
</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
<div> <div class="col-lg-10 mx-auto container">
<form method="get" action="http://localhost:8000/ingredients-create"> <div class="col-lg-8 mx-auto button_container">
<button type="submit" id="button_to_ingredients_create">Create New Ingredient</button> <form method="get" action="http://localhost:8000/ingredients-create">
</form> <button type="submit" class="btn-block btn-outline-info" id="button_to_ingredients_create">Create New Ingredient</button>
</div> </form>
</div>
<div> <div class="col-lg-8 mx-auto button_container">
<form method="get" action="http://localhost:8000"> <form method="get" action="http://localhost:8000">
<button type="submit" id="back_button">Back to Home</button> <button type="submit" class="btn-block btn-outline-danger" id="back_button">Back to Home</button>
</form> </form>
</div> </div>
</div>
</body> </body>
</html> </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