koordinaten feld optimiert

style.css

@@ -212,22 +212,27 @@ footer{
 
 #pointSliderValue, #pointSizeSliderValue{
 font-size:80%;
-margin-bottom: 0px;
+margin:0;
 }
 
 #pointSlider, #pointSizeSlider{
   width: 100%;
-  
+  margin: 0;
+  padding: 0;
+  height: 6px;
 }
 
 input[type="range"]{
   -webkit-appearance: none;
+  appearance: none;
   width: 100%;
   height: 6px;
   background: #cad1ca;
   border-radius: 999px;
-
+  margin: 0;
+  padding: 0;
   outline: none;
+
 }
 
 input[type="range"]::-webkit-slider-thumb{
@@ -265,7 +270,9 @@ input[type="range"]::-webkit-slider-thumb{
   transform:translateX(-50%);
   font-size: smaller;
   color: #000000cf;
-  border: 1px solid rgba(0, 0, 0, 0.547);
+  border: none;
+  border-radius: 14px;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.278);
   padding:8px;  
   border-radius: 15px;
   background-color: rgba(255, 255, 255, 0.751);