2 files changed, 59 insertions, 35 deletions

diff --git a/src/client/views/nodes/PresBox.scss b/src/client/views/nodes/PresBox.scss
index 56c6b4357..2bb249ee4 100644
--- a/src/client/views/nodes/PresBox.scss
+++ b/src/client/views/nodes/PresBox.scss
@@ -84,7 +84,7 @@
 @media only screen and (max-width: 1000px) {
     .presBox-cont .presBox-buttons {
         position: absolute;
-        top: 85%;
+        top: 70%;
         left: 50%;
         transform: translate(-50%, 0);
         width: max-content;
@@ -107,10 +107,10 @@
     .presBox-cont .presBox-buttons .presBox-button {
         margin-right: 10px;
         margin-left: 10px;
-        height: 130px;
-        width: 130px;
-        font-size: 50;
-        border-radius: 5px;
+        height: 250;
+        width: 250;
+        font-size: 70;
+        border-radius: 25px;
         display: flex;
         align-items: center;
         background: #323232;
@@ -118,37 +118,12 @@
     }
 
     .presBox-cont .presBox-buttons .presBox-viewPicker {
+        top: -70;
+        left: 2.5%;
         height: 50;
-        width: 100;
-        font-size: 30px;
-        position: relative;
-        min-width: 50px;
-    }
-
-    .presElementBox-closeIcon {
-        border-radius: 20px;
-        transform: scale(2);
-        position: absolute;
-        right: 20;
-        top: 20;
-        padding: 8px;
-    }
-
-    .presElementBox-buttons {
-        display: inline-flex;
-        position: absolute;
-        right: 0;
-        width: 50%;
-    }
-
-    .presElementBox-name {
+        width: 95%;
         font-size: 30px;
         position: absolute;
-        display: inline-block;
-        top: 10px;
-        width: 50%;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: pre;
+        min-width: 50px;
     }
 }
\ No newline at end of file
diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
index 1ddf3d8bc..ec82b0c51 100644
--- a/src/client/views/presentationview/PresElementBox.scss
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -122,7 +122,7 @@
         float: left;
         padding: 0px;
         width: 50;
-        height: 40;
+        height: 50;
     }
 
     .presElementBox-buttons .presElementBox-interaction-selected {
@@ -133,4 +133,53 @@
         height: 50;
         border: solid 1px darkgray;
     }
+
+    .presElementBox-closeIcon {
+        border-radius: 20px;
+        transform: scale(1.5);
+        position: absolute;
+        right: 10;
+        top: 10;
+        padding: 8px;
+    }
+
+    .presElementBox-buttons {
+        display: inline-flex;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 50%;
+    }
+
+    .presElementBox-name {
+        font-size: 30px;
+        position: absolute;
+        display: inline-block;
+        top: 10px;
+        width: 50%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: pre;
+    }
+
+    .presElementBox-item {
+        display: inline-block;
+        background-color: #eeeeee;
+        pointer-events: all;
+        width: 100%;
+        min-height: 100%;
+        height: max-content;
+        outline-color: maroon;
+        outline-style: dashed;
+        border-radius: 6px;
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        transition: all .1s;
+        padding: 0px;
+        padding-bottom: 3px;
+    }
 }
\ No newline at end of file