Use <img> for currency display.

[perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git] / cmd / web / static / style.css

diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css
index bfa43f06d70cdf5398e83da63f4492dd3da60419..589c0b018c8215fc404c50bc6650b2a94a4bd3bd 100644 (file)
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -32,14 +32,22 @@ i.cc {
   text-align: center;
   display: inline-block;
   color: white;
-  font-size: 28px;
   background-color: rgb(20, 20, 20);
   border-radius: 4px;
   font-weight: bold;
   padding: 10px 10px 10px 10px;
   vertical-align: middle;
-  margin-bottom: 30px;
+}
+
+#header {
   margin-top: 20px;
+  margin-bottom: 30px;
+}
+
+h1 {
+  font-size: 1.5em;
+  margin-bottom: 5px;
+  margin-top: 5px;
 }
 
 .sign-in .form-control {
@@ -91,6 +99,21 @@ i.cc {
   padding-top: 100px;
 }
 
+.currency-logo {
+  display: inline-block;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.portfolio .currency-logo {
+  height: 24px;
+  width: 24px;
+}
+
+.balances > div {
+  margin-bottom: 5px;
+}
+
 .box {
   position: relative;
   background-color: rgb(250, 250, 250);
@@ -100,4 +123,4 @@ i.cc {
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
-}
\ No newline at end of file
+}