From aa41cf512e03946212106af6afb3d974e362463d Mon Sep 17 00:00:00 2001
From: cpsdqs <cpsdqs@gmail.com>
Date: Thu, 28 Sep 2017 20:16:05 +0200
Subject: [PATCH] Add screen margin overlays and add a margin to the soft
 keyboard extension

---
 pages/term.php        |  4 ++++
 sass/pages/_term.scss | 31 +++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/pages/term.php b/pages/term.php
index 3c0ede0..1a3bf9f 100644
--- a/pages/term.php
+++ b/pages/term.php
@@ -49,6 +49,10 @@
 		<div id="touch-select-menu">
 			<button id="touch-select-copy-btn">Copy</button>
 		</div>
+		<div class="screen-margin top"></div>
+		<div class="screen-margin left"></div>
+		<div class="screen-margin right"></div>
+		<div class="screen-margin bottom"></div>
 	</div>
 
 	<div id="action-buttons">
diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 6eaddd8..3e18539 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -29,6 +29,36 @@ body.term {
 		cursor: text;
 	}
 
+	.screen-margin {
+		position: absolute;
+		// #111213 as rgb
+		background: rgba(17, 18, 19, 0.2);
+		-webkit-backdrop-filter: blur(10px);
+
+		&.top {
+			top: 0;
+			left: 0;
+			right: 0;
+			height: 6px;
+		}
+		&.left, &.right {
+			top: 6px;
+			left: 0;
+			bottom: 0;
+			width: 6px;
+		}
+		&.right {
+			left: auto;
+			right: 0;
+		}
+		&.bottom {
+			left: 6px;
+			right: 6px;
+			bottom: 0;
+			height: 6px;
+		}
+	}
+
 	@include noselect();
 
 	// Dummy input field used to open soft keyboard
@@ -220,6 +250,7 @@ body.term {
 	background: #d1d5db;
 	padding: 5px 10px;
 	overflow-x: auto;
+	margin: 6px;
 
 	&:not(.open) {
 		display: none;