small fixes

Dockerfile

@@ -2,16 +2,15 @@ FROM node:18-alpine
 
 WORKDIR /app
 
-RUN npm create vite@latest sorting-visualizer -- --template react &&\
-    apk update && apk add --no-cache bash findutils &&\
+RUN apk update && apk add --no-cache bash findutils &&\
     rm -rf /var/cache/apk/*
 
 WORKDIR /app/sorting-visualizer
 
-RUN rm -rf src/App.css src/App.jsx src/assets src/index.css
 COPY package-lock.json .
 COPY package.json .
 RUN npm install
+RUN rm -rf src/App.css src/App.jsx src/assets src/index.css
 
 COPY src src/
 COPY index.html .

src/SortingVisualizer.css

@@ -80,7 +80,6 @@ button:active {
 }
 
 .DivArray {
-    transform: rotate(180deg);
     transform: scaleY(-1);
     display: flex;
     flex-wrap: nowrap;
@@ -94,7 +93,7 @@ button:active {
     background-color: #34495e;
     border: none;
     border-radius: 5px;
-    margin-top: 15px;
+    margin-top: 3px;
 }
 
 
@@ -123,6 +122,7 @@ button:active {
     alignItems: center;
     place-items: center;
     margin-inline: 10px;
+    width: 190px;
 }
 
 #dropdown:hover {

src/SortingVisualizer.jsx

@@ -6,7 +6,6 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css';
 import {Dropdown} from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
-
 function SortingVisualizer() {
 
     const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;
@@ -95,7 +94,7 @@ function SortingVisualizer() {
         <>
             <div className='Container'>
                 <div id='ToolBar'>
-                    <div className="Label">How many Bars?</div>
+                    <div className="Label">How many bars?</div>
                     <SliderWithInputFormControl style={{className: 'range-slider'}}/>
                     <input type='number' max={100} min={0} disabled={sorting}
                            onChange={changeEvent => {