Add basic styling to menu and dashboard

Breeze.UI/src/app/wallet/dashboard/dashboard.component.css

+.container {
+  width: 100%;
+}
+
+#dashboard {
+  padding-top: 50px !important;
+  padding-left: 100px !important;
+  border: 2px solid;
+  border-color: #D5E3F0;
+  background-color: #DAE6F2;
+  height: 200px;
+  width:100%;
+}
+
 #transactions {
+  padding-left: 100px !important;
   margin-top: 10px;
 }
+
+#sendButton {
+  width: 100px;
+  font-family: "Lato Black";
+  color: #A1B0C3;
+  background-color: white;
+  border-radius: 25px;
+}
+
+#receiveButton {
+  width: 100px;
+  font-family: "Lato Black";
+  color: white;
+  background-color: #20B9FF;
+  border-radius: 25px;
+}

Breeze.UI/src/app/wallet/dashboard/dashboard.component.html

-<div class="container">
-  <div class="row">
+<div class="container nopadding">
+  <div class="row nopadding" id="dashboard">
     <div class="col">
       <div>Active Balance</div>
       <div>Balance: {{confirmedBalance | coinNotation | coinAbbreviation}}</div>
@@ -11,8 +11,8 @@
     </div>
     <div class="col">
       <div>
-        <button (click)="openSendDialog()" class="btn">SEND</button>
-        <button (click)="openReceiveDialog()" class="btn">RECEIVE</button>
+        <button (click)="openSendDialog()" class="btn" id="sendButton">Send</button>
+        <button (click)="openReceiveDialog()" class="btn" id="receiveButton">Receive</button>
       </div>
     </div>
   </div>

Breeze.UI/src/app/wallet/menu/menu.component.css

 .navbar {
-  height: 100px;
+  height: 60px;
   width: 100%;
   margin: 0;
   padding: 0;
 }
+
+.nav-link {
+  margin: 0 auto;
+  text-align: center;
+  width: 120px;
+  background-color: white;
+  color: black;
+  border: none;
+}
+
+.is-active {
+  background-color: white;
+  color: #FF9900;
+  border-bottom: 2px solid;
+  border-color: #FF9900;
+  padding-bottom:25px;
+}

Breeze.UI/src/app/wallet/menu/menu.component.html

-<nav class="navbar navbar-toggleable-sm navbar-fixed-top navbar-light bg-faded ">
+<nav class="navbar navbar-toggleable-sm navbar-fixed-top">
   <div class="container">
     <ul class="navbar-nav mr-auto" routerLinkActive="active">
-      <li class="nav-item"><a class="nav-link" routerLink="dashboard">Dashboard</a></li>
-      <li class="nav-item"><a class="nav-link" routerLink="history">History</a></li>
+      <li class="nav-item"><a class="nav-link" routerLink="dashboard" [routerLinkActive]="['is-active']">Dashboard</a></li>
+      <li class="nav-item"><a class="nav-link" routerLink="history" [routerLinkActive]="['is-active']">History</a></li>
       <li class="nav-item"><a class="nav-link" (click)="logOut()">Logout</a></li>
     </ul>
     <div class="navbar-brand">Breeze</div>

Breeze.UI/src/styles.css

@@ -13,3 +13,24 @@ td {
   width: 100%;
   height: 100%;
 }
+
+.nopadding {
+   padding: 0 !important;
+   margin: 0 !important;
+}
+
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+
+.row {
+  padding: 0;
+  margin: 0;
+}
+
+.col {
+  padding: 0;
+  margin: 0;
+}