--- a/client/src/components/SessionList.scss	Tue Aug 28 18:52:12 2018 +0200
+++ b/client/src/components/SessionList.scss	Wed Aug 29 11:02:36 2018 +0200
@@ -1,17 +1,6 @@
-#session-button {
-    font-size: 	18px;
-    font-weight: bold;
-    padding: 15px 15px;
-    width: 400px;
-    align-content: center;
-    top: -10%;
-    position:fixed;
-    z-index: 1;
-}
-
-#session-button:hover {
-    background-color: #769FED;
-    top: -5%;
+.top-fade {
+    width: max-content;
+    height: 80px;
 }
 
 a.sessions{
@@ -19,10 +8,9 @@
 }
 
 .session {
-    padding-top: 10%;
-    padding-left: 3%;
-    padding-right: 3%;
-    padding-bottom: -20%;
+    padding-top: 5%;
+    padding-bottom: 1%;
+    padding-left: 5%;
 }
 
 span.session-title {
@@ -41,8 +29,86 @@
     font-weight: 700;
 }
 
-.material-icons{
-    margin: 5%;
+#toggle-edit {
+    padding-top:-20%;
+}
+
+.edit{
+    font-size: 17px;
+}
+
+.delete{
+    font-size: 16px;
+    color: black;
+}
+
+#delete-session-modal{
+    padding-top: 2%;
+    margin-top: 30%;
+
+    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
+       -moz-animation: fadein 0.5s; /* Firefox < 16 */
+        -ms-animation: fadein 0.5s; /* Internet Explorer */
+         -o-animation: fadein 0.5s; /* Opera < 12.1 */
+            animation: fadein 0.5s;
+}
+
+@keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Firefox < 16 */
+@-moz-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+/* Safari, Chrome and Opera > 12.1 */
+@-webkit-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
 }
 
+/* Internet Explorer */
+@-ms-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
 
+/* Opera < 12.1 */
+@-o-keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+
+#delete-session-close-modal-button{
+    margin-top: -2.5%;
+    margin-right: -1%;
+    background-color: transparent;
+    border: transparent;
+}
+
+#delete-session-close-modal-button:hover{
+    background-color: transparent;
+    border: transparent;
+    color: #769FED;
+}
+
+.modal-text{
+    margin-top: 10%;
+    font-size: 16px;
+    font-weight: 500;
+}
+
+#delete-session-modal-button {
+    padding: 1.5%;
+    margin-top: 5%;
+    margin-right: 40%;
+    width: 20%;
+    font-size: 14px;
+}
+
+.modal-footer{
+    border: white;
+}