Template:Upgrade row/style.css: Difference between revisions

← Older edit

@@ Line 2: / Line 2: @@
 .ur-wrapper {
 	display: flex;
+	flex-wrap: wrap;
 	gap: 2px;
-	margin-top: 2px;
-}
-.ur-head {
-	background-color: var(--background-color-object-neutral-subtle);
-	display: flex;
-	align-items: center;
-	font-weight: bold;
-	font-size: 1.2em;
-	text-align: center;
-	padding: 5px;
 }
-.subtable-wrapper {
+.ur-subtable-wrapper {
 	margin: 1em 0;
-	padding: 4px;
 }
-.flex-wrapper {
+.ur-wrapper .flex-wrapper {
 	display: flex;
 	flex-wrap: wrap;
@@ Line 29: / Line 17: @@
 }
-.flex-wrapper-vertical {
+.ur-wrapper .ur-head {
-	display: flex;
+	background-color: var(--background-color-object-neutral-subtle);
-	flex-wrap: wrap;
+	padding: .3em .4em;
-	gap: 2px;
 	width: 100%;
+	font-size: 1.1em;
+	font-weight: bold;
 }
-.flex-item {
+.ur-wrapper .flex-item {
 	flex: 1 1 300px;
+	background-color: var(--background-color-object-neutral);
+	padding: .2em .3em;
+	box-sizing: border-box;
+	font-size: 0.9em;
 }
-.flex-item-long {
+.ur-wrapper .flex-item-long {
-	flex: 2 1 601px;
+	flex: 2 1 600px;
 }
-.flex-item-body {
+.ur-wrapper .flex-item p {
-	background-color: var(--background-color-object-neutral);
+	margin: 0;
-	font-size: 90%;
+}
-	padding: .2em .3em;
-	box-sizing: border-box;
+.ur-wrapper .ur-upgrade-data {
-	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0 10px;
+	align-items: center;
+}
+.ur-wrapper .ur-upgrade-data div {
+	flex: 1 1 310px;
+}
+.ur-wrapper .ur-upgrade-data .flex-left-icon-wrapper {
+	flex: 3 1 500px;
+	align-items: center;
 }