Refactor Portfolio balance.

[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 2212168befe603a5528f2d62775d723f2f0d0dc3..e4da17680a2f2590133691917501b5c7cf4d5cc2 100644 (file)
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -54,6 +54,14 @@ h1 {
   margin-top: 5px;
 }
 
+.performance-up {
+  color: green;
+}
+
+.performance-down {
+  color: red;
+}
+
 .sign-in .form-control {
   margin-bottom: 20px;
   border-radius: 2px;
@@ -63,16 +71,12 @@ h1 {
 
 .config-status {
   margin-bottom: 10px;
-  font-size: 0.9em;
 }
 
-.config-status .icon-cancel-circled {
-  color: red;
-}
+.config-status .icon-cancel-circled {}
+
+.config-status .icon-ok-circled {}
 
-.config-status .icon-ok-circled {
-  color: green;
-}
 .config-status i {
   font-size: 1.2em;
 }
@@ -123,13 +127,27 @@ h1 {
   display: inline-block;
   margin-left: 5px;
   margin-right: 5px;
-}
-
-.portfolio .currency-logo {
+  
   height: 24px;
   width: 24px;
 }
 
+.balance > .btcValue {
+  font-size: 1.2em;
+}
+
+.balance > .variation {
+  font-size: 1.2em;
+}
+
+.balance > .row {
+  margin-bottom: 10px;
+}
+
+.assets > .row {
+  margin-bottom: 10px;
+}
+
 .balances > div {
   margin-bottom: 5px;
 }