SILABMC-191: Fix to desigin select

2 files changed, 12 insertions, 59 deletions

diff --git a/src/assets/styles/bmc/_sila/_forms.scss b/src/assets/styles/bmc/_sila/_forms.scss
index d95de71e..1539c96a 100644
--- a/src/assets/styles/bmc/_sila/_forms.scss
+++ b/src/assets/styles/bmc/_sila/_forms.scss
@@ -14,63 +14,7 @@
   line-height: $form-line-height;
 }
 
-// div:not(.search-global) > .form-group {
-//   margin-bottom: $spacer * 2;
-//   position: relative;
-//   & .input-group,
-//   .input-password-toggle-container {
-//     position: initial;
-//   }
-//   & 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;
-//     }
-//   }
-// }
-.form-group {
+div:not(.search-global) > .form-group {
   margin-bottom: $spacer * 2;
   position: relative;
   & .input-group,
@@ -85,7 +29,8 @@
   }
   & .form-control,
   .input-group-prepend,
-  .input-group-text {
+  .input-group-text,
+  .custom-select {
     margin: -28px 0 0 0;
     padding-top: 28px;
     height: 56px;
@@ -94,7 +39,10 @@
       position: initial;
     }
   }
-
+  & .custom-select {
+    background-color: $gray-5;
+    border: none;
+  }
   & .input-group-text {
     border: none;
     background-color: $gray-5;
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;