From 44dd3c8d5498900b69f248c2d3b6803800ab61d5 Mon Sep 17 00:00:00 2001
From: fnuesse <felix.nuesse@t-online.de>
Date: Tue, 6 Nov 2018 22:29:33 +0100
Subject: [PATCH] fixed mobile-style which overlapped half the screen

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
---
 sass/credentials.scss | 8 +++++++-
 templates/main.php    | 3 +--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/sass/credentials.scss b/sass/credentials.scss
index 00833acb..7c4a3d27 100644
--- a/sass/credentials.scss
+++ b/sass/credentials.scss
@@ -70,7 +70,13 @@
 #app-content {
 
   margin-left: 300px;
-  width: calc(100vw - 300px);
+
+  @media only screen and (max-width: 769px) {
+    width: 100vw;
+  }
+  @media only screen and (min-width: 770px) {
+    width: calc(100vw - 300px);
+  }
 
   overflow-x: hidden;
 
diff --git a/templates/main.php b/templates/main.php
index 1218cc8e..20c86727 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -165,8 +165,7 @@ style('passman', 'app');
                 <a ng-class="{selected: clickedNavigationItem=='strength_good'}" ng-click="filterCredentialBySpecial('strength_good')">{{ 'Good Strength' | translate }}</a>
             </li>
             <li>
-                <a ng-class="{selected: clickedNavigationItem=='expired'}" class="icon-expired svg" ng-click="filterCredentialBySpecial('expired')">{{ 'Expired' | translate
-                    }}</a>
+                <a ng-class="{selected: clickedNavigationItem=='expired'}" class="icon-expired svg" ng-click="filterCredentialBySpecial('expired')">{{ 'Expired' | translate }}</a>
             </li>
             <li data-id="trashbin" class="nav-trashbin pinned first-pinned">
                 <a ng-click="toggleDeleteTime()" ng-class="{'active': delete_time > 0}" class="icon-delete svg">