From 7eb7ba7e79fd839cc17691fbefb11535f2c4f97d Mon Sep 17 00:00:00 2001
From: Frédéric Guillot <fred@kanboard.net>
Date: Thu, 23 Nov 2017 11:21:46 -0800
Subject: Improve CSS layout (sidebar)

---
 assets/sass/_markdown_rendering.sass | 1 +
 assets/sass/_sidebar.sass            | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'assets/sass')

diff --git a/assets/sass/_markdown_rendering.sass b/assets/sass/_markdown_rendering.sass
index cc1f977a..99e718b3 100644
--- a/assets/sass/_markdown_rendering.sass
+++ b/assets/sass/_markdown_rendering.sass
@@ -20,6 +20,7 @@
     border-radius: 5px
     border: 1px solid #ddd
     overflow: auto
+    overflow-wrap: initial
     color: color('medium')
   blockquote
     font-style: italic
diff --git a/assets/sass/_sidebar.sass b/assets/sass/_sidebar.sass
index 6663cc73..44ac22bb 100644
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@@ -12,13 +12,17 @@
 .sidebar-content
   padding-left: 10px
   flex: 1 100%
+  max-width: 85%
+  overflow-wrap: break-word
 
   @include sm-device
     padding-left: 0
     order: 1
+    max-width: 100%
 
 .sidebar
-  width: 250px
+  width: 25%
+  max-width: 250px
 
   @include sm-device
     flex: 1 auto
-- 
cgit v1.2.3