Moved the copy compliment button beside the compliment

src/App.vue

@@ -208,26 +208,24 @@
           </v-col>
         </v-row>
 
-
+        <v-row>
-        <div>
+          <v-col :cols="6">
-          <v-col :cols="12">
           <div
+              outlined
               class="levelcompliment font-weight-black">
             {{levels[currentLevel].compliment}}
           </div>
           </v-col>
-        </div>
+          <v-col :cols="2">
-
+            <v-btn
-        <v-row>
+                color="primary"
-          <v-col :cols="12">
+                x-small
-          <v-btn
+                dense
-              color="primary"
+                @click="copycomp">Copy Compliment!
-              x-small
+            </v-btn>
-              dense
-              @click="copycomp">Copy Compliment!
-          </v-btn>
           </v-col>
         </v-row>
+
       </v-container>
     </v-content>
   </v-app>
@@ -423,7 +421,7 @@ export default {
           title: "Start - Peace sign",
           foreground: "assets/bg/peacesign.png",
           task: "Make a peace sign",
-          compliment: "",
+          compliment: "Wow that is a really nice peace sign!",
           points: 5,
         },
         {