Reorganize the top right menu area

I took a break from the error handling stuff and worked on reorganizing the top bar a little. Currently, the instance configuration and import options are in the user menu, which really doesn't make any sense in my opinion. I've moved them to separate buttons in the toolbar. I've moved the logout button into the user menu. The whole area also has a less distracting color scheme:

The export button returns to its attention-grabbing look when everything is corrected:

frontend/src/components/export/ExportDialog.vue

 <template>
-  <div>
-    <v-menu offset-y>
-      <v-tooltip
+  <v-menu offset-y>
+    <v-tooltip
+      slot="activator"
+      bottom
+    >
+      <v-btn
+        id="export-btn"
         slot="activator"
-        left
+        :icon="!corrected"
+        :flat="!corrected"
+        :color="corrected ? 'success' : undefined"
+        style="text-transform: none;"
       >
-        <v-btn
-          id="export-btn"
-          slot="activator"
-          :color="exportColor"
-        >
-          export
-          <v-icon>file_download</v-icon>
-        </v-btn>
-        <span
-          v-if="corrected"
-          id="corrected-tooltip"
-        >All submissions have been corrected!</span>
-        <span
-          v-else
-          id="uncorrected-tooltip"
-        >UNCORRECTED submissions left! Export will be incomplete.</span>
-      </v-tooltip>
-      <v-list>
-        <v-list-tile
-          v-for="(item, i) in menuItems"
-          :id="'export-list' + i"
-          :key="i"
-          @click="item.action"
-        >
-          {{ item.display }}
-        </v-list-tile>
-      </v-list>
-    </v-menu>
+        <v-icon :left="corrected">
+          file_download
+        </v-icon>
+        <span v-if="corrected">
+          Export
+        </span>
+      </v-btn>
+      Export
+      <span
+        v-if="corrected"
+        id="corrected-tooltip"
+      >(All submissions have been corrected!)</span>
+      <span
+        v-else
+        id="uncorrected-tooltip"
+      >(UNCORRECTED submissions left! Export will be incomplete.)</span>
+    </v-tooltip>
+    <v-list>
+      <v-list-tile
+        v-for="(item, i) in menuItems"
+        :id="'export-list' + i"
+        :key="i"
+        @click="item.action"
+      >
+        {{ item.display }}
+      </v-list-tile>
+    </v-list>
     <component
       :is="displayComponent"
       v-if="displayComponent"
       @hide="displayComponent = null"
     />
-  </div>
+  </v-menu>
 </template>
 
 <script lang="ts">
@@ -70,9 +76,6 @@ export default class ExportDialog extends Vue {
     get corrected () {
       return getters.corrected
     }
-    get exportColor () {
-      return this.corrected ? 'green darken-1' : 'red lighten-1'
-    }
 
     // apparently `this` is not the same when used within a
     // closure when defining data and within a method