Minor bug fixes (opensearch-project#505)

* [BUG] Edit details Save button should be blue opensearch-project#499 Signed-off-by: Jovan Cvetkovic <[email protected]> * [BUG] Detector details has some bad text handling opensearch-project#496 Signed-off-by: Jovan Cvetkovic <[email protected]> * [BUG] Detector details has some bad text handling opensearch-project#496 Signed-off-by: Jovan Cvetkovic <[email protected]> * [BUG] Detector details has some bad text handling opensearch-project#496 Signed-off-by: Jovan Cvetkovic <[email protected]> --------- Signed-off-by: Jovan Cvetkovic <[email protected]>
riysaxen-amzn · Apr 11, 2023 · dd964d2 · dd964d2
1 parent 1f10991
commit dd964d2
Show file tree

Hide file tree

Showing 10 changed files with 234 additions and 468 deletions.
diff --git a/public/app.scss b/public/app.scss
@@ -121,3 +121,7 @@ $euiTextColor: $euiColorDarkestShade !default;
 .sa-overview-widget-empty tbody > .euiTableRow > .euiTableRowCell {
   border-bottom: none;
 }
+
+.detailsFormRow {
+  width: auto !important;
+}
diff --git a/.../pages/Detectors/components/AlertTriggerView/__snapshots__/AlertTriggerView.test.tsx.snap b/.../pages/Detectors/components/AlertTriggerView/__snapshots__/AlertTriggerView.test.tsx.snap
@@ -58,7 +58,7 @@ Object {
                   class="euiSpacer euiSpacer--m"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--fullWidth"
                   id="some_html_id-row"
                 >
                   <div
@@ -103,14 +103,13 @@ Object {
                   class="euiSpacer euiSpacer--m"
                 />
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                 >
                   <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                    style="min-width: 33.333333333333336%;"
+                    class="euiFlexItem"
                   >
                     <div
-                      class="euiFormRow"
+                      class="euiFormRow euiFormRow--fullWidth"
                       id="some_html_id-row"
                     >
                       <div
@@ -145,11 +144,10 @@ Object {
                     </div>
                   </div>
                   <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                    style="min-width: 33.333333333333336%;"
+                    class="euiFlexItem"
                   >
                     <div
-                      class="euiFormRow"
+                      class="euiFormRow euiFormRow--fullWidth"
                       id="some_html_id-row"
                     >
                       <div
@@ -188,14 +186,13 @@ Object {
                   class="euiSpacer euiSpacer--xl"
                 />
                 <div
-                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
                 >
                   <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                    style="min-width: 33.333333333333336%;"
+                    class="euiFlexItem"
                   >
                     <div
-                      class="euiFormRow"
+                      class="euiFormRow euiFormRow--fullWidth"
                       id="some_html_id-row"
                     >
                       <div
@@ -230,11 +227,10 @@ Object {
                     </div>
                   </div>
                   <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
-                    style="min-width: 33.333333333333336%;"
+                    class="euiFlexItem"
                   >
                     <div
-                      class="euiFormRow"
+                      class="euiFormRow euiFormRow--fullWidth"
                       id="some_html_id-row"
                     >
                       <div
@@ -284,7 +280,7 @@ Object {
                   class="euiSpacer euiSpacer--m"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--fullWidth"
                   id="some_html_id-row"
                 >
                   <div
@@ -321,7 +317,7 @@ Object {
                   class="euiSpacer euiSpacer--l"
                 />
                 <div
-                  class="euiFormRow"
+                  class="euiFormRow euiFormRow--fullWidth"
                   id="some_html_id-row"
                 >
                   <div
@@ -422,7 +418,7 @@ Object {
                 class="euiSpacer euiSpacer--m"
               />
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--fullWidth"
                 id="some_html_id-row"
               >
                 <div
@@ -467,14 +463,13 @@ Object {
                 class="euiSpacer euiSpacer--m"
               />
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                  style="min-width: 33.333333333333336%;"
+                  class="euiFlexItem"
                 >
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--fullWidth"
                     id="some_html_id-row"
                   >
                     <div
@@ -509,11 +504,10 @@ Object {
                   </div>
                 </div>
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                  style="min-width: 33.333333333333336%;"
+                  class="euiFlexItem"
                 >
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--fullWidth"
                     id="some_html_id-row"
                   >
                     <div
@@ -552,14 +546,13 @@ Object {
                 class="euiSpacer euiSpacer--xl"
               />
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive detailsFormRow"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                  style="min-width: 33.333333333333336%;"
+                  class="euiFlexItem"
                 >
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--fullWidth"
                     id="some_html_id-row"
                   >
                     <div
@@ -594,11 +587,10 @@ Object {
                   </div>
                 </div>
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                  style="min-width: 33.333333333333336%;"
+                  class="euiFlexItem"
                 >
                   <div
-                    class="euiFormRow"
+                    class="euiFormRow euiFormRow--fullWidth"
                     id="some_html_id-row"
                   >
                     <div
@@ -648,7 +640,7 @@ Object {
                 class="euiSpacer euiSpacer--m"
               />
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--fullWidth"
                 id="some_html_id-row"
               >
                 <div
@@ -685,7 +677,7 @@ Object {
                 class="euiSpacer euiSpacer--l"
               />
               <div
-                class="euiFormRow"
+                class="euiFormRow euiFormRow--fullWidth"
                 id="some_html_id-row"
               >
                 <div