JS clean.

[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..1ba682b7347c61c7c9d01e5ad69e2a0f1bb20d10 100644 (file)
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -3,6 +3,7 @@
 body {
   font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   background-color: rgb(246, 248, 251);
+  font-size: 0.9em;
 }
 
 ul {
@@ -25,7 +26,6 @@ a:focus {
 }
 
 i.cc {
-  font-size: 1.5em;
 }
 
 #logo {
@@ -54,25 +54,28 @@ h1 {
   margin-top: 5px;
 }
 
+.performance-up {
+  color: green;
+}
+
+.performance-down {
+  color: red;
+}
+
 .sign-in .form-control {
   margin-bottom: 20px;
   border-radius: 2px;
-  border: none;
   background-color: white;
 }
 
 .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;
 }
@@ -80,12 +83,21 @@ h1 {
 .sign-in .submit {
   background-color: rgb(20, 20, 20);
   color: white;
+  font-weight: bold;
+}
+
+.blue-link {
+  color: #0366d6;
+}
+
+.hint-text {
+  font-size: 0.9em;
+  margin-top: 1px;
 }
 
 .api-credentials-form .form-control {
   margin-bottom: 20px;
   border-radius: 2px;
-  border: none;
   background-color: white;
 }
 
@@ -97,13 +109,13 @@ h1 {
 .otp-enroll .form-control {
   margin-bottom: 20px;
   border-radius: 2px;
-  border: none;
   background-color: white;
 }
 
 .otp-enroll .submit {
   background-color: rgb(20, 20, 20);
   color: white;
+  font-weight: bold;
 }
 .form-message {
   background-color: rgba(255, 6, 6, .33);
@@ -119,15 +131,16 @@ h1 {
   padding-top: 100px;
 }
 
-.currency-logo {
-  display: inline-block;
-  margin-left: 5px;
-  margin-right: 5px;
+.balance > .variation {
+  font-size: 1.2em;
+}
+
+.balance > .row {
+  margin-bottom: 10px;
 }
 
-.portfolio .currency-logo {
-  height: 24px;
-  width: 24px;
+.assets > .row {
+  margin-bottom: 10px;
 }
 
 .balances > div {