Constrain normal views horizontally

dashboard/src/components/AppsView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div>
     <ApplinkDialog ref="applinkDialog" @success="refreshApps()"/>
 
     <h1 class="section-header">

dashboard/src/components/AppstoreView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div>
     <AppInstallDialog ref="appInstallDialog" @close="onAppInstallDialogClose"/>
     <ApplinkDialog ref="applinkDialog" @success="onApplinkDialogSuccess()"/>
 
@@ -148,11 +148,6 @@ onMounted(async () => {
   transform: scale(0);
 }
 
-.content {
-  position: relative;
-  width: 100%;
-}
-
 .filter-bar {
   width: 100%;
   display: flex;

dashboard/src/components/ProfileView.vue

@@ -23,7 +23,10 @@
       </div>
     </Dialog>
 
-    <h1>{{ $t('profile.title') }}</h1>
+    <h1 class="header-with-button">
+      {{ $t('profile.title') }}
+      <Button @click="profileModel.logout()" icon="fa fa-sign-out">{{ $t('main.logout') }}</Button>
+    </h1>
     <Card>
       <div style="display: flex;">
         <div style="width: 150px;">
@@ -64,7 +67,6 @@
                   <!-- <Button tool @click="onPasswordReset()">{{ $t('profile.passwordResetAction') }}</Button> -->
                   <Button tool @click="onPasswordChange()">{{ $t('profile.changePasswordAction') }}</Button>
                   <Button tool v-show="!user.source && !config.external2FA" @click="user.twoFactorAuthenticationEnabled ? onTwoFADisable() : onOpenTwoFASetupDialog()">{{ $t(user.twoFactorAuthenticationEnabled ? 'profile.disable2FAAction' : 'profile.enable2FAAction') }}</Button>
-                  <Button tool @click="profileModel.logout()" icon="fa fa-sign-out">{{ $t('main.logout') }}</Button>
                 </td>
               </tr>
             </tbody>
@@ -313,11 +315,3 @@ onMounted(async () => {
 
 
 </script>
-
-<style scoped>
-
-.content {
-  margin-right: 10px;
-}
-
-</style>