Fix division of currency

[bluechips.git] / bluechips / public / css / main.css

diff --git a/bluechips/public/css/main.css b/bluechips/public/css/main.css
index 084666c5b6acee1cd4438ab27828cca3af44f492..ef51e094e0ccfbeeb4e270db514e2f9482f828f8 100644 (file)
--- a/bluechips/public/css/main.css
+++ b/bluechips/public/css/main.css
@@ -10,7 +10,7 @@ em {
     font-style: italic;
 }
 a {
-    color: #068600;
+    color: #002286;
 }
 h1.title {
     font-size: 1.5em;
@@ -29,7 +29,7 @@ a:visited {
     text-align: center;
 }
 #nav td {
-    padding: 5px 20px;
+    padding: 5px 15px;
 }
 table {
     border-collapse: collapse;
@@ -42,6 +42,9 @@ div.block {
     padding: 0 10px;
     border-bottom: 1px solid #bbb;
 }
+table.form {
+    margin-bottom: 10px;
+}
 table.form th {
     text-align: right;
 }
@@ -53,6 +56,15 @@ table.list th {
     text-align: left;
     border-bottom: 1px solid #bbb;
 }
+
+table.list th.amount {
+    text-align: right;
+}
+
+table.list th.share {
+    text-align: right;
+}
+
 table.list td {
     vertical-align: top;
 }
@@ -64,9 +76,11 @@ table.list td.user {
 }
 table.list td.amount {
     width: 90px;
+    text-align: right;
 }
 table.list td.share {
     width: 90px;
+    text-align: right;
 }
 #totals {
     margin-bottom: 10px;
@@ -75,7 +89,7 @@ table.list td.share {
     text-align: right;
 }
 #totals th.scope {
-    text-align: left;
+    text-align: right;
     padding: 2px 15px;
 }
 #totals .scope {
@@ -83,6 +97,7 @@ table.list td.share {
 }
 #totals td {
     padding: 2px 15px;
+    text-align: right;
 }
 #balance {
     margin-bottom: 10px;
@@ -90,6 +105,11 @@ table.list td.share {
 #balance th {
     text-align: left;
 }
+
+#balance td.amount {
+    text-align: right;
+}
+
 td.labelcol {
     text-align: right;
     font-weight: bold;
@@ -113,7 +133,15 @@ span.error-message {
 }
 input.currency {
     padding-left: 10px;
-    background-image: url(/icons/currency-small.png);
+    background-image: url(../icons/currency-small.png);
     background-repeat: no-repeat;
     background-position: center left;
 }
+span.see-all {
+    font-size: 0.7em;
+}
+#mobile {
+    padding: 5px;
+    font-weight: bold;
+    border-bottom: 1px solid #bbb;
+}