program visible + box shadow

index.html

@@ -25,7 +25,7 @@
 
         <div id="dragZone" class="dragzone">
 
-            <div id="program" class="ui-widget-content draggable resizable" style="max-width: 250px; height: 1400px;">
+            <div id="program" class="ui-widget-content draggable resizable visible" style="max-width: 250px; height: 1400px;">
                 <h1>10 Sept 21</h1>
                     <li>12:00-17:00:</li>
                         <ul>XPUB Bookshop</ul>

scripts/DragResizeClose.js

@@ -1,6 +1,6 @@
 class DragResizeClose {
-    constructor(zIndex) {
-        this.zIndex = zIndex;
+    constructor() {
+        this.zIndex = 4;
         this.drag();
         this.setDraggables();
         this.setZindex();

styles/style.css

@@ -33,6 +33,8 @@ button {
   position: absolute;
   border: 2px white solid;
   background: black;
+  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49); 
+          box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0.49);
 }
 
 .draggable p,
@@ -129,8 +131,11 @@ button {
   background-color: rgb(113, 113, 226);
 }
 
-
 .clicked{
   background-color: white;
   color: blue;
 }
+
+.visible {
+  display: inline;
+}