Style: add spacing between manual and auto button rows for better layout and clarity

MalusiS · MalusiS · commit 50b9bad2708b · 2025-08-14T01:56:20.000+02:00
diff --git a/Sprint-3/slideshow/style.css b/Sprint-3/slideshow/style.css
@@ -18,11 +18,12 @@ h1 {
   margin-bottom: 15px;
 }
 
-.button-row {
+/* Updated: use .controls instead of .button-row to match HTML */
+.controls {
   display: flex;
   justify-content: center;
-  gap: 10px;
-  margin-bottom: 10px;
+  gap: 10px;           /* space between buttons in the same row */
+  margin-bottom: 20px;  /* space between rows (manual vs auto) */
 }
 
 button {

Original file line number	Diff line number	Diff line change
`@@ -18,11 +18,12 @@ h1 {`
`18`	`18`	`margin-bottom: 15px;`
`19`	`19`	`}`
`20`	`20`
`21`		`-.button-row {`
	`21`	`+/* Updated: use .controls instead of .button-row to match HTML */`
	`22`	`+.controls {`
`22`	`23`	`display: flex;`
`23`	`24`	`justify-content: center;`
`24`		`- gap: 10px;`
`25`		`- margin-bottom: 10px;`
	`25`	`+ gap: 10px; /* space between buttons in the same row */`
	`26`	`+ margin-bottom: 20px; /* space between rows (manual vs auto) */`
`26`	`27`	`}`
`27`	`28`
`28`	`29`	`button {`