update rightbar

src/components/Common/Energy/EnergeCostRealtime/index.module.scss

@@ -1,24 +1,20 @@
 .cost__info {
   margin-top: 4px;
   margin-bottom: 12px;
-
-  div {
-    flex-grow: 1;
-  }
 }
 
 .info__item {
   border-radius: 2px;
   color: hsl(0, 0%, 100%, 0.9);
   box-shadow: inset 0 0 17px 0px hsla(0, 0%, 100%, 0.15);
-  // min-width: 190px;
-  // height: 43px;
   font-size: 14px;
-  // letter-spacing: 1.43px;
-  line-height: 40px;
+  line-height: 28px;
   padding-left: 12px;
-  // text-align: center;
+  padding: 8px 0;
   user-select: none;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .hAuto {
@@ -26,8 +22,16 @@
 }
 
 .info__item_groups {
+  flex: 2;
   margin-left: 8px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
 }
+
+.info__item_groups_col1 {
+  flex: 1;
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  gap: 8px;
+}