5 files changed, 55 insertions, 49 deletions
diff --git a/src/assets/images/_sila/collapsed/current.svg b/src/assets/images/_sila/collapsed/current.svg
new file mode 100644
index 00000000..299777ff
--- /dev/null
+++ b/src/assets/images/_sila/collapsed/current.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.78183 7.57895H5.48287L2.70925 13.1779L9.21817 8.42106H6.6L9.29075 2.82209L2.78183 7.57895ZM11.7614 0L11.1557 1.39631L8.19869 7.57895H12L0.238644 16L0.844344 14.6037L3.88418 8.42106H0L11.7614 0Z" fill="#E11717"/>
+</svg>
diff --git a/src/assets/images/_sila/collapsed/voltage.svg b/src/assets/images/_sila/collapsed/voltage.svg
new file mode 100644
index 00000000..dce7dae8
--- /dev/null
+++ b/src/assets/images/_sila/collapsed/voltage.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4778 0L8.95907 8.62681C8.72378 10.0579 7.46177 11.0974 5.8789 11.0974C4.3103 11.0974 3.41904 10.0579 3.65434 8.62681L5.17303 0H1.64367L0.0821938 8.91707C-0.452558 12.0087 1.65793 14 5.36554 14C9.05176 14 11.9038 12.0087 12.4385 8.91707L14 0H10.4778Z" fill="#E11717"/>
+</svg>
diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index 6ef725d2..1539c96a 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -14,30 +14,60 @@
   line-height: $form-line-height;
 }
 
-.form-group {
+div:not(.search-global) > .form-group {
   margin-bottom: $spacer * 2;
   position: relative;
-  & > div > .input-group {
+  & .input-group,
+  .input-password-toggle-container {
     position: initial;
-    & > .form-control-with-button {
-      margin: -28px 0 0 0;
-      padding-top: 28px;
-      height: 56px;
-      &:focus {
-        z-index: unset;
-        position: initial;
-      }
-    }
-    & > .input-action-btn,
-    .btn-datepicker {
-      top: 12px;
+  }
+  & label + div > small {
+    position: absolute;
+    right: 10px;
+    top: 0;
+    font-size: x-small;
+  }
+  & .form-control,
+  .input-group-prepend,
+  .input-group-text,
+  .custom-select {
+    margin: -28px 0 0 0;
+    padding-top: 28px;
+    height: 56px;
+    &:focus {
+      z-index: unset;
+      position: initial;
     }
   }
+  & .custom-select {
+    background-color: $gray-5;
+    border: none;
+  }
+  & .input-group-text {
+    border: none;
+    background-color: $gray-5;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  & .input-group-prepend + input {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    position: initial;
+  }
+  & .btn-datepicker {
+    top: 12px;
+  }
+  & .input-action-btn {
+    top: 12px;
+  }
   & > label {
     position: relative;
     color: $text-tretiatry;
     margin-left: 10px;
     margin-bottom: $spacer / 4;
+    & span {
+      font-size: smaller;
+    }
   }
 }
 
diff --git a/src/assets/styles/bmc/_sila/_pagination.scss b/src/assets/styles/bmc/_sila/_pagination.scss
index 97fe0132..8183057e 100644
--- a/src/assets/styles/bmc/_sila/_pagination.scss
+++ b/src/assets/styles/bmc/_sila/_pagination.scss
@@ -4,6 +4,11 @@
   justify-content: flex-end;
   select {
     width: fit-content;
+    margin: auto !important;
+    padding-top: 5px !important;
+    height: auto !important;
+    background-color: inherit !important;
+    border: 1px solid $gray-20 !important;
   }
   label {
     margin-left: $spacer;
diff --git a/src/assets/styles/bmc/_sila/_tables.scss b/src/assets/styles/bmc/_sila/_tables.scss
index bddb4d1d..1a1e5eba 100644
--- a/src/assets/styles/bmc/_sila/_tables.scss
+++ b/src/assets/styles/bmc/_sila/_tables.scss
@@ -267,41 +267,6 @@
   }
 }
 
-.table-full {
-  border-left: none;
-  border-right: none;
-  border-radius: 0;
-  border-top: 1px solid $gray-30;
-
-  thead th {
-    border-bottom: 1px solid $gray-30;
-    border: none;
-    &:first-child {
-      border-radius: 0;
-    }
-    &:last-child {
-      border-radius: 0;
-    }
-  }
-}
-
-.full-table-container {
-  & > [class*="table-responsive-"] {
-    overflow: auto;
-    width: calc(100vw - 280px);
-    margin-left: -1.97rem;
-    margin-right: -1.95rem;
-    border-radius: 0;
-    @include media-breakpoint-down(lg) {
-      margin-left: -2.2rem;
-    }
-    @include media-breakpoint-down(md) {
-      margin-left: -1.2rem;
-      width: 100vw;
-    }
-  }
-}
-
 .item-color {
   display: inline-block;
   width: 8px;