re:fixes sidebar calendar

nextcloud · Dec 5, 2024 · 9d15e3d · 9d15e3d
1 parent 91e0e7e
commit 9d15e3d
Showing 1 changed file with 31 additions and 14 deletions.
diff --git a/css/app-sidebar.scss b/css/app-sidebar.scss
@@ -128,17 +128,33 @@
 	}
 
 	.repeat-option-set {
+		flex-wrap: nowrap;
+		align-items: baseline;
 
-		display: flex;
-		flex-direction: column;
 		.repeat-option-set__repeat {
+			flex-wrap: nowrap;
+			gap: 10px;
+		}
+		 .repeat-option-set__repeat-field {
+			flex: 1 1 150px;
+			min-width: 150px;
+    	}
+		.repeat-option-set__end-repeat {
 			display: flex;
-			align-items: center; // Vertically center items
+			flex-wrap: wrap;
+			align-items: center;
 			gap: 10px;
+
+			.repeat-option-set__end-repeat-field {
+				flex: 1 1 150px;
+				min-width: 350px;
+			}
 		}
 		.repeat-option-set-section {
 			&:not(:first-of-type) {
-				margin-top: 20px
+				margin-top: 10px;
+				display: flex;
+				flex-wrap: wrap;
 			}
 
 			&--on-the-select {
@@ -160,7 +176,8 @@
 				grid-gap: 0;
 
 				.repeat-option-set-section-grid-item {
-					padding: 8px;
+					padding: 5px;
+					width: 100%;
 					border: 1px solid var(--color-border-dark);
 					text-align: center;
 					margin: 0;
@@ -196,22 +213,17 @@
 		}
 
 		&--end {
-			margin-top: 20px;
-			display: flex;
-			flex-direction: column;
-			align-items: flex-start;
+			margin-top: 10px;
 			.repeat-option-end {
 				width: 100%;
 				display: flex;
 				flex-wrap: wrap;
 				&__label{
 					display: block;
-					min-width: 160px;
-					width: 100%;
+					min-width: 80px;
 				}
 				&__end-type-select {
-					display: block;
-					min-width: 160px;
+					min-width: 125px;
 					width: 25%;
 				}
 
@@ -221,11 +233,16 @@
 				}
 
 				&__count {
-					min-width: 75px;
+					min-width: 25px;
 					width: 25%;
 				}
 			}
 		}
+		.end-repeat-container .end-repeat-dropdown,
+		.end-repeat-container .end-repeat-date {
+			flex: 0 1 auto;
+			min-width: 150px;
+		}
 
 		&__label {
 			margin-right: auto;