button icons

frontend/src/components/HeaderIntern.vue

@@ -1,12 +1,12 @@
 <template>
   <Header>
-    <v-btn flat :to="{ name: 'usercp' }"><v-icon>person</v-icon> {{ user.login }}</v-btn>
+    <v-btn flat :to="{ name: 'usercp' }">
+      <v-icon>person</v-icon> {{ user.login }}
+    </v-btn>
 
     <v-dialog v-model="logging_out">
       <template v-slot:activator="{ on }">
-        <v-btn flat v-on="on">
-          Logout
-        </v-btn>
+        <v-btn flat v-on="on"> <v-icon>power_off</v-icon> Logout </v-btn>
       </template>
 
       <v-card>

frontend/src/components/forms/FormDialog.vue

@@ -2,7 +2,7 @@
   <v-dialog v-model="dialog">
     <template v-slot:activator="{ on }">
       <v-btn flat v-on="on">
-        {{ buttonText }}
+        <v-icon>{{ icon }}</v-icon> {{ buttonText }}
       </v-btn>
     </template>
 
@@ -60,7 +60,8 @@ export default {
   }),
 
   props: {
-    buttonText: String
+    buttonText: String,
+    icon: String
   },
 
   methods: {

frontend/src/components/forms/Login.vue

@@ -1,5 +1,5 @@
 <template>
-  <FormDialog ref="main" buttonText="Login" @validated="doLogin">
+  <FormDialog ref="main" buttonText="Login" icon="power" @validated="doLogin">
     <v-card-title class="headline">
       Log In
     </v-card-title>

frontend/src/components/forms/Register.vue

@@ -1,5 +1,10 @@
 <template>
-  <FormDialog ref="main" buttonText="Register" @validated="doRegister">
+  <FormDialog
+    ref="main"
+    buttonText="Register"
+    icon="book"
+    @validated="doRegister"
+  >
     <v-card-title class="headline">
       Register
     </v-card-title>