Commit e81bdc4b authored by Kirby Ezekiel Santos's avatar Kirby Ezekiel Santos

Added css to recipes detail

parent 4fc36640
...@@ -98,7 +98,7 @@ class PageContainsCssTest(TestCase): ...@@ -98,7 +98,7 @@ class PageContainsCssTest(TestCase):
self.assertIn('<link rel="stylesheet" href="/static/styles.css">', html) self.assertIn('<link rel="stylesheet" href="/static/styles.css">', html)
def test_recipes_list_contains_css(self): def test_recipes_list_contains_css(self):
response = self.client.get('/recipes_list') response = self.client.get('/recipes-list')
html = response.content.decode('utf8') html = response.content.decode('utf8')
self.assertIn('<link rel="stylesheet" href="/static/bootstrap.min.css">', html) self.assertIn('<link rel="stylesheet" href="/static/bootstrap.min.css">', html)
self.assertIn('<link rel="stylesheet" href="/static/styles.css">', html) self.assertIn('<link rel="stylesheet" href="/static/styles.css">', html)
...@@ -2,14 +2,17 @@ ...@@ -2,14 +2,17 @@
<html> <html>
<head> <head>
<title>Recipes - List</title> <title>Recipes - 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">Recipes - List</h1> <h1 id="page_header">Recipes - 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>
...@@ -22,7 +25,7 @@ ...@@ -22,7 +25,7 @@
<td></td> <td></td>
<td> <td>
<form method="get" action="http://localhost:8000/recipes-detail"> <form method="get" action="http://localhost:8000/recipes-detail">
<button type="submit" id="button_to_recipes_detail">Go to detail</button> <button type="submit" class="btn-sm" id="button_to_recipes_detail">Go to detail</button>
</form> </form>
</td> </td>
</tr> </tr>
...@@ -30,15 +33,17 @@ ...@@ -30,15 +33,17 @@
</table> </table>
</div> </div>
<div> <div class="col-lg-10 col-lg-10 mx-auto container">
<form method="get" action="http://localhost:8000/recipes-create"> <div class="col-lg-8 mx-auto button_container">
<button type="submit" id="button_to_recipes_create">Create New Recipe</button> <form method="get" action="http://localhost:8000/recipes-create">
</form> <button type="submit" class="btn-block btn-outline-info" id="button_to_recipes_create">Create New Recipe</button>
</div> </form>
<div> </div>
<form method="get" action="http://localhost:8000"> <div class="col-lg-8 mx-auto button_container">
<button type="submit" id="back_button">Back to Home</button> <form method="get" action="http://localhost:8000">
</form> <button type="submit" class="btn-block btn-outline-danger" id="back_button">Back to Home</button>
</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