[AI Assistance] Fix regressed styles in the feedback form

Fixed: 394466388
Change-Id: Iebac06f5e8ce69154d46ecb69901bf88bae08081
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6233009
Reviewed-by: Nikolay Vitkov <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>

Author: OrKoN

front_end/panels/ai_assistance/components/chatView.css

@@ -244,9 +244,8 @@
 
   .actions {
     display: flex;
+    flex-direction: column;
     gap: var(--sys-size-8);
-    justify-content: space-between;
-    align-items: flex-end;
     max-width: 100%;
   }
 

front_end/panels/ai_assistance/components/userActionRow.css

@@ -19,43 +19,6 @@
     gap: var(--sys-size-2);
   }
 
-  .feedback-form {
-    display: flex;
-    flex-direction: column;
-    gap: var(--sys-size-5);
-    margin-top: var(--sys-size-4);
-    background-color: var(--sys-color-surface3);
-    padding: var(--sys-size-6);
-    border-radius: var(--sys-shape-corner-medium-small);
-    max-width: var(--sys-size-32);
-
-    .feedback-input {
-      height: var(--sys-size-11);
-      padding: 0 var(--sys-size-5);
-      background-color: var(--sys-color-surface3);
-    }
-
-    .feedback-input::placeholder {
-      color: var(--sys-color-on-surface-subtle);
-      font: var(--sys-typescale-body4-regular);
-    }
-  }
-
-  .feedback-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .feedback-title {
-    margin: 0;
-    font: var(--sys-typescale-body3-medium);
-  }
-
-  .feedback-disclaimer {
-    padding: 0 var(--sys-size-4);
-  }
-
   .vertical-separator {
     height: 16px;
     width: 1px;
@@ -115,3 +78,40 @@
     }
   }
 }
+
+.feedback-form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--sys-size-5);
+  margin-top: var(--sys-size-4);
+  background-color: var(--sys-color-surface3);
+  padding: var(--sys-size-6);
+  border-radius: var(--sys-shape-corner-medium-small);
+  max-width: var(--sys-size-32);
+
+  .feedback-input {
+    height: var(--sys-size-11);
+    padding: 0 var(--sys-size-5);
+    background-color: var(--sys-color-surface3);
+  }
+
+  .feedback-input::placeholder {
+    color: var(--sys-color-on-surface-subtle);
+    font: var(--sys-typescale-body4-regular);
+  }
+
+  .feedback-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .feedback-title {
+    margin: 0;
+    font: var(--sys-typescale-body3-medium);
+  }
+
+  .feedback-disclaimer {
+    padding: 0 var(--sys-size-4);
+  }
+}