Merge pull request #234 from floreks/styling-fix

Sidebar menu and labels styling adjustment

src/app/frontend/common/components/labels/labels.html

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 -->
 
-<md-content>
+<md-content class="kd-labels-content">
   <div class="kd-labels" ng-repeat="(key, value) in ::labelsCtrl.labels">
     {{key}}={{value}}
   </div>

src/app/frontend/common/components/labels/labels.scss

@@ -15,7 +15,7 @@
 @import '../../../variables';
 
 $label-height: $caption-font-size-base + 6;
-$label-margin: 0 $baseline-grid $baseline-grid 0;
+$label-margin: 0 $baseline-grid ($baseline-grid / 2) 0;
 
 // Style taken(mostly) from angular material md-chip style.
 .kd-labels {
@@ -28,3 +28,7 @@ $label-margin: 0 $baseline-grid $baseline-grid 0;
   padding: 0 $baseline-grid;
   vertical-align: middle;
 }
+
+.kd-labels-content {
+  background-color: inherit;
+}

src/app/frontend/replicasetdetail/replicasetdetail.scss

@@ -78,6 +78,7 @@ $replicasetdetails-sidebar-width: 315px;
 .kd-replicasetdetail-sidebar-subline {
   color: $muted;
   font-size: $caption-font-size-base;
+  padding-bottom: $baseline-grid;
 }
 
 .kd-replicasetdetail-sidebar-icon {