Skip to content

Commit c9f00a4

Browse files
committed
Update InstrumentWindow.css
fixed the sizing problem!
1 parent 232d0ee commit c9f00a4

1 file changed

Lines changed: 11 additions & 2 deletions

File tree

src/style/InstrumentWindow.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,19 @@
1515
}
1616

1717
.instrument-container {
18+
display: flex;
1819
position: relative;
19-
width: 100%;
20+
width: 75%;
2021
height: 100%;
22+
23+
justify-content: center;
24+
align-items: center;
2125
}
2226

2327
#instrument {
2428
height: 90vh;
2529
flex-grow: 1;
30+
justify-content: center;
2631
position: relative; /* Ensure this is a positioning context */
2732
}
2833

@@ -85,7 +90,7 @@
8590
display: flex;
8691
flex-direction: column;
8792
align-items: center;
88-
width: 36%;
93+
width: 25%;
8994
padding-bottom: 25px;
9095
}
9196

@@ -278,6 +283,10 @@
278283
flex-direction: column;
279284
}
280285

286+
.instrument-container {
287+
width: 100%;
288+
}
289+
281290
#instrument {
282291
width: 100%;
283292
}

0 commit comments

Comments
 (0)