Added predavanja, restructure, progress on solar.

static/dropzone.js

@@ -338,13 +338,12 @@ var _createClass = function() {
                
                // TODO: find scrollbox eleemnt, if not exist, create one
                
-               var scrollbox = this.previewsContainer.querySelector(".scrollbox");
+               var scrollbox = this.previewsContainer.querySelector("#dropzone-scrollbox");
                if (scrollbox == null) {
                    scrollbox = document.createElement("div");
-                   scrollbox.setAttribute("class", "scrollbox");
+                   scrollbox.setAttribute("id", "dropzone-scrollbox");
                    this.previewsContainer.appendChild(scrollbox);
                }
-               console.log(scrollbox)
 
                a.previewElement =
                    b.createElement(this.options.previewTemplate.trim()),

static/style.css

@@ -22,7 +22,7 @@ html {
 }
 
 html {
-  background: url(image/bg.jpeg) no-repeat center center fixed; 
+  background: url(image/bg.jpeg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
@@ -30,7 +30,6 @@ html {
   overflow-y: scroll;
 }
 
-
 #main-window {
   position: absolute;
   top: 50%;
@@ -43,7 +42,7 @@ html {
   position: absolute;
   top: -9%;
   left: 35%;
-  background: #F5F5F5;
+  background: #f5f5f5;
   border-radius: 50%;
   padding-top: 5%;
   padding-bottom: 5%;
@@ -133,6 +132,30 @@ label {
   margin: 0px 10px;
 }
 
+.button-general {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 10px 40px;
+
+  width: 138px;
+  height: 41px;
+  background: #006cb7;
+  border-radius: 29px;
+  border: 0px;
+
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 21px;
+  color: #ffffff;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+
 .button-terms:enabled {
   justify-content: center;
   align-items: center;
@@ -179,7 +202,6 @@ label {
   margin-top: 15px;
 }
 
-
 input {
   font-family: Roboto;
   font-style: normal;
@@ -193,19 +215,50 @@ input {
   width: 100%;
 }
 
+.mock-side {
+  position: absolute;
+  top: -0.5px;
+  width: 388px;
+  height: 732px;
+  left: 385px;
+  background: linear-gradient(
+    198.62deg,
+    rgba(255, 255, 255, 0.49) -1.62%,
+    rgba(255, 255, 255, 0.73) -1.61%,
+    rgba(255, 255, 255, 0.41) 79.34%
+  );
+  box-shadow: 20px 4px 40px rgba(0, 0, 0, 0.25);
+  backdrop-filter: blur(20px);
+  border: 0px;
+  border-radius: 0px 20px 20px 0px;
+}
+
+select {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: #46535b;
+  background: #f5f5f5;
+  border: 0px;
+  border-bottom: 2px solid #c4c4c4;
+  width: 100%;
+}
+
 #izjava {
   width: auto;
 }
 
-.scrollbox {
-  position: relative;
+#dropzone-scrollbox {
+  position: absolute;
   display: inline-block;
   vertical-align: top;
   margin-top: 26px;
   margin-bottom: 26px;
   min-height: 100px;
   max-height: 670px;
-  top: -600px;
+  top: 0px;
   overflow-x: hidden;
   overflow-y: auto;
 }
@@ -336,7 +389,7 @@ input {
   display: none;
 }
 
-.corpus-type-selector {
+.selection-tabs {
   width: 100%;
   display: flex;
   align-items: center;
@@ -345,7 +398,7 @@ input {
   margin-bottom: 20px;
 }
 
-.corpus-type-button {
+.selection-tab-button {
   width: 100%;
   border: 0px;
   outline: 0px;
@@ -359,7 +412,7 @@ input {
   color: #848c91;
 }
 
-.corpus-type-button.selected {
+.selection-tab-button.selected {
   width: 100%;
   border: 0px;
   outline: 0px;
@@ -398,3 +451,8 @@ input {
   line-height: 19px;
   color: #46535b;
 }
+
+.dz-error-message {
+  top: 100% !important;
+  left: 25% !important;
+}