From 530deadcaf6e92f85d9bf182e092f3f51b7e3a1d Mon Sep 17 00:00:00 2001
From: deaflynx <artemio.babak@gmail.com>
Date: Tue, 26 Jul 2022 11:37:39 +0300
Subject: [PATCH] Rate limits styles updated

---
 .../rate-limits-details-dialog.component.html          |  8 +-------
 .../tenant/rate-limits/rate-limits-list.component.html |  2 +-
 .../tenant/rate-limits/rate-limits-list.component.scss | 10 ++++++++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-details-dialog.component.html b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-details-dialog.component.html
index e69b95a3e2..5963c66cc0 100644
--- a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-details-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-details-dialog.component.html
@@ -26,13 +26,7 @@
     </button>
   </mat-toolbar>
   <div mat-dialog-content>
-    <fieldset>
-      <div fxFlex fxLayout="column">
-        <tb-rate-limits-list
-          formControlName="rateLimits">
-        </tb-rate-limits-list>
-      </div>
-    </fieldset>
+    <tb-rate-limits-list formControlName="rateLimits"></tb-rate-limits-list>
   </div>
   <div mat-dialog-actions fxLayoutAlign="end center">
     <button mat-button color="primary"
diff --git a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.html b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.html
index 2af958a895..7a58174a63 100644
--- a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.html
+++ b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.html
@@ -15,7 +15,7 @@
     limitations under the License.
 
 -->
-<section [formGroup]="rateLimitsListFormGroup">
+<section class="tb-rate-limits-form" [formGroup]="rateLimitsListFormGroup">
   <div fxFlex [formGroup]="rateLimit" *ngFor="let rateLimit of rateLimitsFormArray.controls; let $index = index">
     <div class="tb-rate-limits-operation" *ngIf="$index > 0 && rateLimitsFormArray.controls.length > 1" translate>
       tenant-profile.rate-limits.but-less-than
diff --git a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.scss b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.scss
index 7cbd1c3e52..64f9c7afe2 100644
--- a/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.scss
+++ b/ui-ngx/src/app/modules/home/components/profile/tenant/rate-limits/rate-limits-list.component.scss
@@ -13,9 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+@import "../../../../../../../scss/constants";
+
 :host {
-  @media screen and (min-width: 800px) {
-    min-width: 600px;
+  .tb-rate-limits-form {
+    @media #{$mat-gt-sm} {
+      min-width: 600px;
+    }
   }
 
   .tb-rate-limits-preview {
@@ -29,11 +33,13 @@
       padding: 1em;
     }
   }
+
   .tb-rate-limits-operation {
     font-size: 12px;
     color: rgba(0,0,0,.54);
     margin-bottom: 16px;
   }
+
   .tb-rate-limits-button {
     margin-top: 0.5em;
   }