Fix title alignment

Daniel-Wang · Nov 28, 2017 · f975d9a · f975d9a
1 parent 71edee5
commit f975d9a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/public/style/coin.css b/public/style/coin.css
@@ -1,16 +1,20 @@
 .title {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: flex-end;
     padding: 40px;
 }
 
-.title-symbol {
+.title-symbol-icon {
     height: 100px;
     width: 100px;
 }
 .title-name {
     font-size: 70px;
-    padding: 30px;
+    padding: 0 30px;
     font-weight: normal;
 }
+
+.title-symbol {
+    padding-bottom:18px;
+}
diff --git a/views/coin.ejs b/views/coin.ejs
@@ -18,9 +18,9 @@
     <div class="main-body">
       <!-- Coin Title -->
       <div class="title">
-        <img class="title-symbol" src="../img/<%= coinId.toUpperCase() %>.svg">
+        <img class="title-symbol-icon" src="../img/<%= coinId.toUpperCase() %>.svg">
         <h1 class="title-name"><%= coinSet[coinId] %></h1>
-        <h3 class="">(<%= coinId.toUpperCase() %>)</h3>
+        <h3 class="title-symbol">(<%= coinId.toUpperCase() %>)</h3>
       </div>
 
       <!--Price graph-->