From 2a172805b759061d9b8d009177bbcb5427428ee8 Mon Sep 17 00:00:00 2001
From: Thilo Wischmeyer <thwischm@gmail.com>
Date: Mon, 1 Feb 2021 17:09:12 +0100
Subject: [PATCH] Made comment form look somewhat less broken

---
 .../submission_notes/base/CommentForm.vue     | 109 ++++++++----------
 1 file changed, 51 insertions(+), 58 deletions(-)

diff --git a/frontend/src/components/submission_notes/base/CommentForm.vue b/frontend/src/components/submission_notes/base/CommentForm.vue
index 27a40703..dfdbde26 100644
--- a/frontend/src/components/submission_notes/base/CommentForm.vue
+++ b/frontend/src/components/submission_notes/base/CommentForm.vue
@@ -1,62 +1,55 @@
 <template>
-  <v-row>
-    <v-col
-      class="mr-1"
-      lg="12"
-      md="12"
-      sm="12"
-    >
-      <v-textarea
-        v-model="currentFeedback"
-        name="feedback-input"
-        label="Please provide your feedback here"
-        rows="2"
-        outlined
-        autofocus
-        auto-grow
-        hide-details
-        @keyup.enter.ctrl.exact="submitFeedback"
-        @keyup.esc="collapseTextField"
-        @focus="selectInput($event)"
-      />
-    </v-col>
-    <v-col
-      class="my-2"
-      lg="10"
-      md="8"
-      sm="8"
-    >
-      <label-selector
-        id="comment-label-selector"
-        :assigned-to-feedback="false"
-        :line-no="lineNo"
-        :labels-unchanged="labelsUnchanged"
-        :labels-added="labelsAdded"
-        :labels-removed="labelsRemoved"
-        @label-added="labelAdded"
-        @label-removed="labelRemoved"
-        @submit-shortcut="submitFeedback"
-      />
-    </v-col>
-    <v-col
-      class="ma-0"
-      lg="2"
-    >
-      <v-btn
-        id="submit-comment"
-        color="success"
-        @click="submitFeedback"
-      >
-        <v-icon>check</v-icon>Submit
-      </v-btn>
-      <v-btn
-        id="cancel-comment"
-        @click="collapseTextField"
-      >
-        <v-icon>cancel</v-icon>cancel
-      </v-btn>
-    </v-col>
-  </v-row>
+  <v-container>
+    <v-row>
+      <v-col>
+        <v-textarea
+          v-model="currentFeedback"
+          name="feedback-input"
+          label="Please provide your feedback here"
+          rows="2"
+          outlined
+          autofocus
+          auto-grow
+          hide-details
+          @keyup.enter.ctrl.exact="submitFeedback"
+          @keyup.esc="collapseTextField"
+          @focus="selectInput($event)"
+        />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col>
+        <label-selector
+          id="comment-label-selector"
+          :assigned-to-feedback="false"
+          :line-no="lineNo"
+          :labels-unchanged="labelsUnchanged"
+          :labels-added="labelsAdded"
+          :labels-removed="labelsRemoved"
+          @label-added="labelAdded"
+          @label-removed="labelRemoved"
+          @submit-shortcut="submitFeedback"
+        />
+      </v-col>
+    </v-row>
+    <v-row>
+      <v-col>
+        <v-btn
+          id="submit-comment"
+          color="success"
+          @click="submitFeedback"
+        >
+          <v-icon>check</v-icon>Submit
+        </v-btn>
+        <v-btn
+          id="cancel-comment"
+          @click="collapseTextField"
+        >
+          <v-icon>cancel</v-icon>cancel
+        </v-btn>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>
 
 <script lang="ts">
-- 
GitLab