From 8d9721cca4ab576f7199adc4f1b62ab7949045d1 Mon Sep 17 00:00:00 2001
From: kurilova <kurilova@google.com>
Date: Mon, 26 Aug 2024 12:43:56 +0000
Subject: [PATCH] Fix overflow; fix hint on small form width

---
 .../device-qualification-from.component.scss          | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss
index bd18c05cc..d5b1a1e77 100644
--- a/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss
+++ b/modules/ui/src/app/pages/devices/components/device-qualification-from/device-qualification-from.component.scss
@@ -163,6 +163,8 @@ $form-height: 993px;
 }
 
 .device-qualification-form-page {
+  padding-top: 10px;
+  margin-top: -10px;
   display: grid;
   gap: 10px;
   height: 100%;
@@ -306,3 +308,12 @@ $form-height: 993px;
     }
   }
 }
+
+@container qualification-form (width < 360px) {
+  .manufacturer-field ::ng-deep mat-hint {
+    white-space: nowrap;
+  }
+  ::ng-deep .device-form-test-modules {
+    display: block;
+  }
+}