Fix some layout issue in chart detail page

Refine the layout in chart detail page.

src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail-summary.component.html

@@ -3,12 +3,11 @@
         <p>{{summary.description}}</p>
     </div>
 </div>
-<div class="row">
+<div class="row content-wrapper">
     <div class="col-md-8 md-container">
         <div *ngIf="readme" class="md-div" [innerHTML]="readme | markdown"></div>
         <div *ngIf="!readme">{{'HELM_CHART.NO_README' | translate}}</div>
     </div>
-
     <div class="col-md-4 summary-container">
         <div class="col-md-12 content-group">
             <div>

src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail-summary.component.scss

@@ -1,12 +1,13 @@
+.content-wrapper {
+    margin-top:20px;
+    padding: 0 0 0 15px;
+
     .md-container {
-    margin-top: 15px;
-    border: solid 1px #DDDDDD;
-    padding: 3px;
+        border: solid 1px #ddd;
     }
     
     .summary-container {
-    margin-top: 15px;
-
+        padding:0;
         table {
             background-color: #F2F2F2;
             margin-top: 0.5rem;
@@ -24,3 +25,4 @@
             word-break: break-all;
         }
     }
+}

src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.html

@@ -1,6 +1,5 @@
 <div>
-    <div class="row flex-items-xs-between">
-        <div class="col-xs-4">
+    <div class="flex-container">
         <div class="title-container">
             <div class="chart-name">
                 {{chartNameWithVersion | translate}}
@@ -9,8 +8,7 @@
                 {{roleName | translate}}
             </div>
         </div>
-        </div>
-        <div class="col-xs-1">
+        <div>
             <button class="btn btn-sm btn-secondary"
             (click)="downloadChart()">{{'HELM_CHART.DOWNLOAD' | translate}}</button>
         </div>

src/ui_ng/lib/src/helm-chart/chart-detail/chart-detail.component.scss

@@ -14,3 +14,14 @@
 .detail-loading {
     @include absolute-center;
 }
+
+.flex-container {
+    display: flex;
+    -webkit-display:flex;
+    justify-content: space-between;
+
+    .title-container {
+        display: flex;
+        align-items:center;
+    }
+}