Fix gutter between graph cards (#1254)

Now it is correctly 20px. Previously it was 2x this.

src/app/frontend/common/components/graph/graphcard.scss

@@ -16,4 +16,14 @@
 
 kd-graph-card {
   flex: 1;
+
+  &>kd-content-card {
+    margin-bottom: 0;
+  }
+
+  &:last-child {
+    &>kd-content-card {
+      margin-left: 0;
+    }
+  }
 }

src/app/frontend/nodedetail/nodedetail.html

@@ -16,10 +16,10 @@ limitations under the License.
 
 <div layout="row">
   <kd-graph-card graph-title="::ctrl.i18n.MSG_NODE_DETAIL_CPU_GRAPH_CARD_TITLE"
-                 metrics="::ctrl.nodeDetail.metrics" selected-metric-names="'cpu/usage_rate'" flex="auto" class="kd-left-graph">
+                 metrics="::ctrl.nodeDetail.metrics" selected-metric-names="'cpu/usage_rate'">
   </kd-graph-card>
   <kd-graph-card graph-title="::ctrl.i18n.MSG_NODE_DETAIL_MEMORY_GRAPH_CARD_TITLE"
-                 metrics="::ctrl.nodeDetail.metrics" selected-metric-names="'memory/usage'" flex="auto" class="kd-right-graph">
+                 metrics="::ctrl.nodeDetail.metrics" selected-metric-names="'memory/usage'">
   </kd-graph-card>
 </div>
 

src/app/frontend/nodelist/nodelist.html

@@ -16,10 +16,10 @@ limitations under the License.
 
 <div layout="row">
   <kd-graph-card graph-title="$ctrl.i18n.MSG_NODE_LIST_CPU_GRAPH_CARD_TITLE"
-                 metrics="$ctrl.nodeList.cumulativeMetrics" selected-metric-names="'cpu/usage_rate'" flex="auto" class="kd-left-graph">
+                 metrics="$ctrl.nodeList.cumulativeMetrics" selected-metric-names="'cpu/usage_rate'">
   </kd-graph-card>
   <kd-graph-card graph-title="$ctrl.i18n.MSG_NODE_LIST_MEMORY_GRAPH_CARD_TITLE"
-                 metrics="$ctrl.nodeList.cumulativeMetrics" selected-metric-names="'memory/usage'" flex="auto" class="kd-right-graph">
+                 metrics="$ctrl.nodeList.cumulativeMetrics" selected-metric-names="'memory/usage'">
   </kd-graph-card>
 </div>