Workshops page

style/_template.scss

@@ -31,8 +31,8 @@ a:hover {
 	transition: all 0.3s ease 0s !important;
 }
 
-.bold {
-	font-weight: bold;
+.clickable {
+	cursor: pointer;
 }
 
 /* Common Classes - Containers */
@@ -48,22 +48,23 @@ a:hover {
 /* Common Classes - Inputs */
 
 a.button {
-	font-weight:normal;
-	height:50px;
-	width:50px;
-	line-height:50px;
+	font-weight: normal;
+	height: 40px;
+	width: 40px;
+	line-height: 40px;
 	font-size: 1.0em;
-	text-align:center;
-	background:	url("../images/minicloud.png") 0 0 no-repeat;
+	text-align: center;
 	color: $gray-600;
+	border-radius: 3px;
+	background-color: $gray-400;
 }
 a.button:hover {
-	color:white;
-	background-position:0 -50px; 
+	color: white;
+	background-color: $col_main_2;
 }
 a.button:active {
 	color:white;
-	background-position:0 -100px; 
+	background-color: $col_main_2;
 }
 
 .input-group-text i.fal {
@@ -87,10 +88,12 @@ a.button:active {
 
 #header {
 	position: relative;
+	height: 138px;
+	width: 50%;
 	
 	#logo_box {
-		height: 138px;
 		width: 100%;
+		height: 100%;
 		background: url('../images/logo.png') 0 0 no-repeat;
 	}
 
@@ -124,32 +127,40 @@ a.button:active {
 	display: none;
 	top: 0;
 	right: 0;
+	width: 50%;
+	height: 111px;
+	text-align: right;
+	
+	a.button {
+		margin-top: calc( ( 110px - 40px ) /2 );
+	}
 	
 	ul {
 		list-style: none;
 		
 		li {
 			display: inline;
+			margin-left: 1em;
 		}
 	}
 }
 
 /* Main */
 
+#main_title {
+	margin-top: 1em;
+}
+
 #main {
 	display: none;
-	margin-top: 1em;
 	position: absolute;
-	top:203px;
+	top: 138px;
 	bottom: 2rem;
 	right:0;
 	left:0;
 	border-radius: 0.5em;
 	padding: 1em;
-
-	&:not(.no_frame) {
-		@extend .shadow;
-	}
+	overflow: auto;
 }
 
 /* Side */