Vorbereitung Progessbar

Semester Tiles angepasst für Progessbar implementierung

anwendung/src/components/SemesterTile.jsx

@@ -23,17 +23,20 @@ export default function SemesterTile(p)
     return (
         <div
             style={{
-                backgroundColor: color
+                display: "flex",
+                flexDirection: "column",
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: "rgba(0,0,0,0)"
             }}
-            onClick={(e) => p.onClick(e)} className={"semester-tile box-shadow"}>
-            <p style={{
+            onClick={(e) => p.onClick(e)}>
+            <p className={"semester-tile-p"} style={{
                 lineHeight: "80%"
             }}>{p.text}</p>
-            <p style={{
+            <p className={"semester-tile-p"} style={{
                 lineHeight: "80%",
                 color: "gray"
             }}>{p.text2}</p>
-            <StatusBar progress={0}/>
             <div style={{
                 display: editable ? "flex" : "none",
                 flexDirection: "row",
@@ -41,8 +44,7 @@ export default function SemesterTile(p)
                 alignItems: "center",
                 gap: 5
             }}>
-                <Button icon={deleteItem} width={30} height={30} color={"#ffffff"} onClick={p.onButtonDeleteClick}/>
-                <Button icon={editItem} width={30} height={30} color={"#ffffff"} onClick={p.onButtonEditClick}/>
+
             </div>
         </div>
     )