UX: Improve dialog button styles for RTL languages

Signed-off-by: Michael Mayer <michael@photoprism.app>

frontend/src/dialog/reload.vue

@@ -4,23 +4,20 @@
       <v-card-title class="subheading pa-3">
         <translate>PhotoPrism has been updated…</translate>
       </v-card-title>
-
       <v-card-actions class="pa-3">
         <v-spacer></v-spacer>
-
         <v-btn
             color="secondary-light"
+            class="compact mx-2"
             depressed
-            class="compact"
             @click="close"
         >
           <translate>Cancel</translate>
         </v-btn>
-
         <v-btn
             color="primary-button"
-            dark depressed
             class="action-update-reload compact"
+            dark small depressed
             @click="reload"
         >
           <translate>Reload</translate>
@@ -32,7 +29,7 @@
 
 <script>
 export default {
-  name: 'PDialogWebdav',
+  name: 'PReloadDialog',
   props: {
     show: Boolean,
   },

frontend/src/dialog/service/add.vue

@@ -57,11 +57,11 @@
             <translate>Support for additional services, like Google Drive, will be added over time.</translate>
           </v-flex>
           <v-flex xs12 text-xs-right class="pt-2">
-            <v-btn depressed color="secondary-light" class="action-cancel mr-2"
+            <v-btn depressed color="secondary-light" class="action-cancel ml-2"
                    @click.stop="cancel">
               <span>{{ label.cancel }}</span>
             </v-btn>
-            <v-btn depressed dark color="primary-button" class="action-confirm compact ma-0"
+            <v-btn depressed dark color="primary-button" class="action-confirm compact mr-0"
                    @click.stop="confirm">
               <span>{{ label.confirm }}</span>
             </v-btn>

frontend/src/dialog/service/edit.vue

@@ -280,7 +280,7 @@
       <v-card-actions class="pt-0 pb-2 px-2">
         <v-layout row wrap class="pa-2">
           <v-flex xs12 text-xs-right class="pt-3 pb-0">
-            <v-btn depressed color="secondary-light" class="action-cancel"
+            <v-btn depressed color="secondary-light" class="action-cancel ml-2"
                    @click.stop="cancel">
               <translate>Cancel</translate>
             </v-btn>

frontend/src/dialog/service/remove.vue

@@ -12,7 +12,7 @@
             </div>
           </v-flex>
           <v-flex xs12 text-xs-right class="pt-3">
-            <v-btn depressed color="secondary-light" class="action-cancel" @click.stop="cancel">
+            <v-btn depressed color="secondary-light" class="action-cancel ml-2" @click.stop="cancel">
               <translate key="Cancel">Cancel</translate>
             </v-btn>
             <v-btn depressed dark color="primary-button" class="action-confirm"

frontend/src/dialog/upload.vue

@@ -93,7 +93,7 @@ import Album from "model/album";
 import Util from "common/util";
 
 export default {
-  name: 'PTabUpload',
+  name: 'PUploadDialog',
   props: {
     show: Boolean,
   },

frontend/src/dialog/webdav.vue

@@ -73,7 +73,7 @@
 import Util from "common/util";
 
 export default {
-  name: 'PDialogWebdav',
+  name: 'PWebdavDialog',
   props: {
     show: Boolean,
   },