add some padding to icons

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2022-11-20 16:54:15 -08:00
parent 19bbabe9b4
commit 331f8e731c

View File

@ -19,9 +19,9 @@
<main> <main>
<header> <header>
<div class="Top-Bar" style="display: flex; justify-content: center;"> <div class="Top-Bar" style="display: flex; justify-content: center;">
<img src ="./assets/images/icons/Logo.png" style="align-self: center;" alt="logo" /> <img src ="./assets/images/icons/Logo.png" style="align-self: center; padding-left: 2.5%; padding-right: 2.5%;" alt="logo" />
<h1 style="font-family:'Lucida Sans';"> Food Journal </h1> <h1 style="font-family:'Lucida Sans';"> Food Journal </h1>
<img src ="./assets/images/icons/Logo.png" style="align-self: center;" alt="logo" /> <img src ="./assets/images/icons/Logo.png" style="align-self: center; padding-left: 2.5%; padding-right: 2.5%;" alt="logo" />
</div> </div>
</header> </header>
<body> <body>
@ -34,10 +34,10 @@
<div style="width: 20%;"></div> <div style="width: 20%;"></div>
<div style="width: 60%;"> <div style="width: 60%;">
<div style="display: flex; flex-direction: row; justify-content: center;"> <div style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
<img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="align-self: center;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"></img> <img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="align-self: center; opacity:100; padding-left: 2.5%; padding-right: 2.5%;" id="create-btn" onclick="window.location.assign('./CreatePage.html')"></img>
<h2 id="recent-reviews-text"> Recent Reviews </h2> <h2 id="recent-reviews-text"> Recent Reviews </h2>
<img src ="./assets/images/icons/Grouppink.png" alt="" style="align-self: center; opacity:0;"></img> <img src ="./assets/images/icons/Grouppink.png" alt="CREATE" style="align-self: center; opacity:0;"></img>
</div> </div>
<div class="review-container" id="review-container"></div> <div class="review-container" id="review-container"></div>