Made comment form look somewhat less broken

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