commit de578bc8820a2a9f7658adc9fae7be7b97716d82
author Nikolay Sokolov <chemikadze@gmail.com> Sat Sep 22 21:56:01 2018 +0800
committer William Guo <guoyp@apache.org> Sat Sep 22 21:56:01 2018 +0800
tree b552e04183c4e98d574e8895ae777e54f779ccf1
parent 5c88d9ca43fa96afdfbed37a54b5c7bbe7d541d8

Minor UI fixes

"Back" button text alignment
<img width="102" alt="screen shot 2018-09-21 at 6 02 19 pm" src="https://user-images.githubusercontent.com/867294/45912572-79de5680-bdd8-11e8-9acb-19670b7ca3d7.png">
<img width="86" alt="screen shot 2018-09-21 at 6 02 25 pm" src="https://user-images.githubusercontent.com/867294/45912573-7e0a7400-bdd8-11e8-9421-ef6dafc0d805.png">

footer line intersecting with content
<img width="175" alt="screen shot 2018-09-21 at 7 38 27 pm" src="https://user-images.githubusercontent.com/867294/45912578-92e70780-bdd8-11e8-8b39-2485047b422d.png">
<img width="162" alt="screen shot 2018-09-21 at 7 36 47 pm" src="https://user-images.githubusercontent.com/867294/45912580-97abbb80-bdd8-11e8-9a08-2b27b92a272b.png">

title rendering on sidebar
<img width="294" alt="screen shot 2018-09-21 at 7 29 53 pm" src="https://user-images.githubusercontent.com/867294/45912584-a4301400-bdd8-11e8-9ffe-e726dd912813.png">
<img width="323" alt="screen shot 2018-09-21 at 8 07 46 pm" src="https://user-images.githubusercontent.com/867294/45912670-0dfced80-bdda-11e8-87ae-b1985f55754e.png">

Author: Nikolay Sokolov <chemikadze@gmail.com>

Closes #422 from chemikadze/ui-fixes.

ui/angular/src/app/app.component.html

diff --git a/ui/angular/src/app/app.component.html b/ui/angular/src/app/app.component.html
index b0c7f39..b1e5476 100644
--- a/ui/angular/src/app/app.component.html
+++ b/ui/angular/src/app/app.component.html
@@ -73,7 +73,7 @@
        spinner-on="false" style="padding-top:56px;padding-bottom:90px;height:100%;padding-right:0;" id="mainContent">
     <div class="col-md-9 col-xs-12">
       <button type="button" class="btn btn-primary btn-circle"
-              style="position: absolute; top: 0px; right: 30px; z-index:99" (click)="goback();"><span
+              style="position: absolute; top: 0px; right: 30px; z-index:99; padding: 4px 12px;" (click)="goback();"><span
         style="margin-bottom:20px;">Back</span></button>
       <!-- main content goes here-->
       <div id="mainWindow" (window:resize)="onResize($event)" class="row y-scrollable" ng-view

ui/angular/src/app/sidebar/sidebar.component.css

diff --git a/ui/angular/src/app/sidebar/sidebar.component.css b/ui/angular/src/app/sidebar/sidebar.component.css
index 16482b7..7a52309 100644
--- a/ui/angular/src/app/sidebar/sidebar.component.css
+++ b/ui/angular/src/app/sidebar/sidebar.component.css
@@ -34,6 +34,7 @@
 }
 
 .well {
+  margin-bottom: 0px;
   padding: 0px;
   background: transparent;
   border: 0px;
@@ -53,6 +54,7 @@
   position: relative;
   background: transparent;
   border-color: #262626;
+  border-top: 0px;
 }
 
 .side-bar-scroll {

ui/angular/src/app/sidebar/sidebar.component.html

diff --git a/ui/angular/src/app/sidebar/sidebar.component.html b/ui/angular/src/app/sidebar/sidebar.component.html
index 0a445a1..f35b4d8 100644
--- a/ui/angular/src/app/sidebar/sidebar.component.html
+++ b/ui/angular/src/app/sidebar/sidebar.component.html
@@ -38,15 +38,15 @@
   <div id="side-bar-metrics" class="row y-scrollable">
     <div *ngFor="let outerItems of finalData;let parent=index">
       <div class="well" *ngIf="outerItems.metrics.length != 0">
-        <div class="col-sm-4 col-lg-4 col-md-4 ">
+        <div class="col-sm-4 col-lg-4 col-md-4 " style="width: fit-content">
           <h4>
             <!-- <a routerLink="/metrics/{{outerItems.name}}"> {{outerItems.name}}</a> -->
             <a> {{outerItems.name}}</a>
           </h4>
         </div>
-        <div class="col-sm-3 col-lg-3 col-md-3 " style="display: flex;justify-content: center;height:46px;">
-          <!-- <div [ngClass]="outerItems.dq >=90 ? 'led-green':'led-yellow'" style="align-self: center;"></div> -->
-        </div>
+        <!--<div class="col-sm-3 col-lg-3 col-md-3 " style="display: flex;justify-content: center;height:46px;">-->
+           <!--<div [ngClass]="outerItems.dq >=90 ? 'led-green':'led-yellow'" style="align-self: center;"></div> -->
+        <!--</div>-->
         <!-- <div class="col-sm-5 col-lg-5 col-md-5 " style="display: flex;justify-content: center;height:46px;"><a style="align-self: center;" class="btn btn-primary" href="https://github.com/eBay/DQSolution/issues" target="_blank">Report&nbsp;issue</a></div> -->
       </div>
       <br/>

ui/angular/src/styles.css

diff --git a/ui/angular/src/styles.css b/ui/angular/src/styles.css
index 4670fdf..e84cde3 100644
--- a/ui/angular/src/styles.css
+++ b/ui/angular/src/styles.css
@@ -939,7 +939,7 @@
   height: 20px;
   background: #1f1f1f;
   padding-top: 10px;
-  padding-bottom: 10px;
+  padding-bottom: 0px;
   border-top-style: solid;
   border-top-width: 8px;
   border-top-color: #1d1d1d;