CSS fix for popover on small screen (pull-request #473)

2 files changed, 7 insertions, 4 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 2ce277c7..c79e5f48 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1261,17 +1261,19 @@ tr td.task-orange,
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
+    overflow: auto;
 }
 
 #popover-content {
-    position: fixed;
+    position: absolute;
     width: 70%;
     margin: 0 0 0 -35%;
     left: 50%;
     top: 5%;
     padding: 15px;
     background: #fff;
-}/* confirmation box */
+}
+/* confirmation box */
 .confirm {
     max-width: 700px;
     font-size: 1.1em;
diff --git a/assets/css/popover.css b/assets/css/popover.css
index 74d472ae..dda8aaac 100644
--- a/assets/css/popover.css
+++ b/assets/css/popover.css
@@ -6,14 +6,15 @@
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
+    overflow: auto;
 }
 
 #popover-content {
-    position: fixed;
+    position: absolute;
     width: 70%;
     margin: 0 0 0 -35%;
     left: 50%;
     top: 5%;
     padding: 15px;
     background: #fff;
-}
\ No newline at end of file
+}