From 7d8562b1d4c1a6b76d10560e708a8f13882c486a Mon Sep 17 00:00:00 2001
From: Jonas Winkler <jonas.winkler@jpwinkler.de>
Date: Wed, 4 Nov 2020 21:18:16 +0100
Subject: [PATCH] layout fixes #13

---
 .../app/components/app-frame/app-frame.component.html  |  8 ++++----
 .../common/page-header/page-header.component.html      | 10 ++++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src-ui/src/app/components/app-frame/app-frame.component.html b/src-ui/src/app/components/app-frame/app-frame.component.html
index a0350eb78..ad12a9d43 100644
--- a/src-ui/src/app/components/app-frame/app-frame.component.html
+++ b/src-ui/src/app/components/app-frame/app-frame.component.html
@@ -47,8 +47,8 @@
           <span>Saved views</span>
         </h6>
         <ul class="nav flex-column mb-2">
-          <li class="nav-item" *ngFor='let config of viewConfigService.getSideBarConfigs()'>
-            <a class="nav-link" routerLink="view/{{config.id}}" routerLinkActive="active">
+          <li class="nav-item w-100" *ngFor='let config of viewConfigService.getSideBarConfigs()'>
+            <a class="nav-link text-truncate" routerLink="view/{{config.id}}" routerLinkActive="active">
               <svg class="sidebaricon" fill="currentColor">
                 <use xlink:href="assets/bootstrap-icons.svg#funnel"/>
               </svg>
@@ -61,8 +61,8 @@
           <span>Open documents</span>
         </h6>
         <ul class="nav flex-column mb-2">
-          <li class="nav-item" *ngFor='let d of openDocuments'>
-            <a class="nav-link" routerLink="documents/{{d.id}}" routerLinkActive="active">
+          <li class="nav-item w-100" *ngFor='let d of openDocuments'>
+            <a class="nav-link text-truncate" routerLink="documents/{{d.id}}" routerLinkActive="active">
               <svg class="sidebaricon" fill="currentColor">
                 <use xlink:href="assets/bootstrap-icons.svg#file-text"/>
               </svg>
diff --git a/src-ui/src/app/components/common/page-header/page-header.component.html b/src-ui/src/app/components/common/page-header/page-header.component.html
index cff102826..7c84046d8 100644
--- a/src-ui/src/app/components/common/page-header/page-header.component.html
+++ b/src-ui/src/app/components/common/page-header/page-header.component.html
@@ -1,6 +1,8 @@
-<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
-  <h1 class="h2">{{title}}</h1>
-  <div class="btn-toolbar mb-2 mb-md-0">
+<div class="row pt-3 pb-2 mb-3 border-bottom align-items-center">
+  <div class="col text-truncate">
+    <h1 class="h2 text-truncate">{{title}}</h1>
+  </div>
+  <div class="btn-toolbar col-auto">
     <ng-content></ng-content>
   </div>
-</div>
\ No newline at end of file
+</div>