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

← Older edit

@@ Line 2: / Line 2: @@
 .ur-wrapper {
 	display: flex;
-	align-items: center;
+	flex-wrap: wrap;
-}
+	gap: 2px;
-.ur-head {
-	background-color: var(--background-color-object-neutral-subtle);
-	border-right: 2px solid var(--background-color-object-base);
-	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 {
-	width: 100%;
-	margin-top: 2px;
 	display: flex;
 	flex-wrap: wrap;
-	margin: 0 0 2px 2px;
+	gap: 2px;
+	width: 100%;
 }
-.flex-item {
+.ur-wrapper .ur-head {
-	flex: 1 1 350px;
+	background-color: var(--background-color-object-neutral-subtle);
+	padding: .3em .4em;
+	width: 100%;
+	font-size: 1.1em;
+	font-weight: bold;
 }
-.flex-item-body {
+.ur-wrapper .flex-item {
+	flex: 1 1 300px;
 	background-color: var(--background-color-object-neutral);
-	font-size: 90%;
 	padding: .2em .3em;
-	border: 2px solid var(--background-color-object-base);
+	box-sizing: border-box;
-	border-bottom: 0;
+	font-size: 0.9em;
-	border-left: 0;
+}
+.ur-wrapper .flex-item-long {
+	flex: 2 1 600px;
+}
+.ur-wrapper .flex-item p {
+	margin: 0;
 }
-.item-list-flex {
+.ur-wrapper .ur-upgrade-data {
 	display: flex;
-	gap: 0 5px;
+	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;
 }