From 042782236d5a5eae814676f49b178b3fee437f46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luca=20J=C3=A4ntsch?= <lucajaentsch@broarts.eu>
Date: Sun, 9 Jun 2019 03:28:30 +0200
Subject: [PATCH] Aktualisieren src_less/main.less, README.md Dateien

---
 README.md          |   2 +-
 src_less/main.less | 225 +++++++++++++++++++++++----------------------
 2 files changed, 114 insertions(+), 113 deletions(-)

diff --git a/README.md b/README.md
index 96df2a8..1c35f89 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ Just use a simple webserver, if you want to use the rescan.php then you need php
 ```json
 {"user":[
         ["<file_name(w/o filetype)>","<filetype>"],
-        ["test","jpg"],
+        ["test","jpg"]
     ]
 }
 
diff --git a/src_less/main.less b/src_less/main.less
index b0ac053..5430435 100644
--- a/src_less/main.less
+++ b/src_less/main.less
@@ -1,113 +1,114 @@
-@bg-color:#FFF;
-
-
-@bg-color-dm:#DDD;
-@bg-color-dm-nav:darken(@bg-color-dm,10%);
-
-
-@btn-bgcolor:#0c81f5;
-@btn-color:#FFF;
-.App{
-    border: #e0e0e0 1px solid;
-    margin:24px;
-}
-
-*{
-    box-sizing: border-box;
-    font-family: Open Sans,Arial,sans-serif;
-}
-html,body{
-    margin:0;
-    color:rgba(0,0,0,.87);
-    background-color:#f9f9f9;
-}
-.nav{
-    background-color:#f4f5f6;
-    height:52px;
-    line-height: 50px;
-    display:flex;
-    border: #e0e0e0 1px solid;
-
-    .select-wrapper {
-        position: relative;
-        width: 200px;
-    }
-      
-    .select-wrapper::before {
-        color: @btn-bgcolor;
-        font-size: 20px;
-        pointer-events: none;
-        position: absolute;
-        right: 15px;
-        top: 10px;
-    }
-      
-    select {    
-        background: #f4f5f6;
-        border: none;
-        border: 1px @btn-bgcolor solid;
-        color: @btn-bgcolor;
-        cursor: pointer;
-        font-family: 'Open Sans', sans-serif;
-        font-size: 16px;
-        height: 40px;
-        outline: none;
-        padding-left: 10px;
-        width: 100%;
-      }
-      
-    select option {
-        color: @btn-bgcolor;
-    }
-      
-    select::-ms-expand {
-        display: none;
-    }
-      
-    select:focus::-ms-value {
-        background-color: transparent;
-    }
-
-    input[type=number]{
-        height: 40px;
-        border: 1px solid @btn-bgcolor;
-        background: none;
-        color: @btn-bgcolor;
-        padding: 0px 5px;
-    }
-    button{
-        height: 40px;
-        border: 1px solid  @btn-bgcolor;
-        background: @btn-bgcolor;
-        color: @btn-color;
-    }
-}
-
-.studentList{
-    display: flex;
-    flex-wrap: wrap;
-    .user{
-        border: 1px solid #454545;
-        margin: 5px;
-        padding: 5px;
-        transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
-        &.disappear{
-            opacity: 0.09;
-            transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
-        }
-        &.appear{ 
-            opacity: 1;
-            transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
-        }
-        .user_img{
-            img{
-                width:200px;
-            }
-        }
-        .username{
-            text-align: center;
-            display: inline-block;
-            width: 200px;
-        }
-    }
+@bg-color:#FFF;
+
+
+@bg-color-dm:#DDD;
+@bg-color-dm-nav:darken(@bg-color-dm,10%);
+
+
+@btn-bgcolor:#0c81f5;
+@btn-color:#FFF;
+.App{
+    border: #e0e0e0 1px solid;
+    margin:24px;
+}
+
+*{
+    box-sizing: border-box;
+    font-family: Open Sans,Arial,sans-serif;
+}
+html,body{
+    margin:0;
+    color:rgba(0,0,0,.87);
+    background-color:#f9f9f9;
+}
+.nav{
+    background-color:#f4f5f6;
+    height:52px;
+    line-height: 50px;
+    display:flex;
+    border: #e0e0e0 1px solid;
+
+    .select-wrapper {
+        position: relative;
+        width: 200px;
+    }
+      
+    .select-wrapper::before {
+        color: @btn-bgcolor;
+        font-size: 20px;
+        pointer-events: none;
+        position: absolute;
+        right: 15px;
+        top: 10px;
+    }
+      
+    select {    
+        background: #f4f5f6;
+        border: none;
+        border: 1px @btn-bgcolor solid;
+        color: @btn-bgcolor;
+        cursor: pointer;
+        font-family: 'Open Sans', sans-serif;
+        font-size: 16px;
+        height: 40px;
+        outline: none;
+        padding-left: 10px;
+        width: 100%;
+        margin-top: 6px;
+      }
+      
+    select option {
+        color: @btn-bgcolor;
+    }
+      
+    select::-ms-expand {
+        display: none;
+    }
+      
+    select:focus::-ms-value {
+        background-color: transparent;
+    }
+
+    input[type=number]{
+        height: 40px;
+        border: 1px solid @btn-bgcolor;
+        background: none;
+        color: @btn-bgcolor;
+        padding: 0px 5px;
+    }
+    button{
+        height: 40px;
+        border: 1px solid  @btn-bgcolor;
+        background: @btn-bgcolor;
+        color: @btn-color;
+    }
+}
+
+.studentList{
+    display: flex;
+    flex-wrap: wrap;
+    .user{
+        border: 1px solid #454545;
+        margin: 5px;
+        padding: 5px;
+        transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
+        &.disappear{
+            opacity: 0.09;
+            transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
+        }
+        &.appear{ 
+            opacity: 1;
+            transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
+        }
+        .user_img{
+            img{
+                width:200px;
+            }
+        }
+        .username{
+            text-align: center;
+            display: inline-block;
+            width: 200px;
+        }
+    }
 }
\ No newline at end of file