fix: Adjust Connect Cluster dialog to 320px width (kyma-project#4244)

* fix: adjust Connect Cluster dialog to 320px width

* fix: remove unnecessary margin style

Author: awoloszyn22

src/components/Clusters/components/AddClusterWizard.scss

@@ -49,6 +49,10 @@ ui5-wizard {
   height: 100%;
   width: 75vw;
 
+  @media screen and (max-width: 380px) {
+    width: 100%;
+  }
+
   .cluster-wizard {
     &__token-info,
     &__storage-preference {

src/components/Clusters/components/ClusterPreview.scss

@@ -13,6 +13,11 @@
     justify-content: start;
     gap: 30px;
     width: 100%;
+
+    @media screen and (max-width: 380px) {
+      display: flex;
+      flex-direction: column;
+    }
   }
 
   &__token {
@@ -31,6 +36,10 @@
   &__edit-button {
     align-self: flex-end;
     width: 80%;
+
+    @media screen and (max-width: 380px) {
+      align-self: center;
+    }
   }
 
   &__storage-container {

src/shared/components/MonacoEditorESM/Editor.scss

@@ -50,6 +50,11 @@
   max-height: 50%;
   overflow-y: auto;
 
+  @media screen and (max-width: 380px) {
+    width: 100%;
+    overflow-y: unset;
+  }
+
   .line {
     width: 100%;
     display: block;