i like big buttons and i cannot lie

src/App.css

@@ -134,6 +134,7 @@ button{
   flex-direction: row;
   flex-wrap: nowrap;
   position: relative;
+  height: 30%;
 }
 
 .sp-mixer-buttons-backdrop {
@@ -150,3 +151,12 @@ button{
   border: 1px solid black;
   z-index: 100;
 }
+
+.mediaButtons {
+  height: 50%;
+  overflow: hidden;
+}
+
+.player{
+  height: 20%;
+}

src/App.tsx

@@ -34,7 +34,7 @@ const App: React.FC = () => {
   } else {
     return (
       <div style={{marginLeft:"1.5%"}}>
-        <h1>Welcome to showplanner2</h1>
+        <h1>Welcome to BAPS3</h1>
         <input
           type="text"
           placeholder="enter a timeslot id"

src/showplanner/index.tsx

@@ -330,7 +330,7 @@ const Showplanner: React.FC<{ timeslotId: number }> = function({ timeslotId }) {
   return (
     <div className="sp-container">
       <div style={{ height: "10%" }}>
-        <h1>baps3 ayy lmao</h1>
+        <h1>WebStudio</h1>
         <img
           src="https://ury.org.uk/images/logo.png"
           style={{ height: "6%", right: "2%", position: "absolute", top: "2%" }}