Fix padding/spacing for every service-card

Add in tailwind conf color for button borders

src/elements/common/file-upload-list.ts

@@ -165,7 +165,7 @@ export default class FileUploadList extends LitElement {
 					  </file-uploader>`
 					: null}
 				${this.entries.length
-					? html`${this.label ? html`<h2>${this.label}</h2>` : null}
+					? html`${this.label ? html`<h3 class="pb-1 text-lg">${this.label}</h3>` : null}
 							<div id="entries" class=${classMap({ 'no-header': !this.label })}>
 								${repeat(
 									this.entries,

src/elements/dev/version/version-info-cdn.scss

@@ -7,7 +7,6 @@
 
 #scroll-area {
 	max-height: 300px;
-	padding: 0 12px 8px 12px;
 	margin-bottom: 4px;
 	overflow-y: auto;
 }

src/elements/dev/version/version-info-cdn.ts

@@ -95,7 +95,7 @@ export default class VersionInfoCdn extends LitElement {
 				>
 				</dev-cdn-sites>
 			</div>
-			<h3>Custom Headers</h3>
+			<h3 class="pt-3 pb-1 text-lg">Custom Headers</h3>
 			${routesErrors.length
 				? html`<error-list id="custom-header-errors" .errors=${routesErrors}></error-list>`
 				: null}

src/elements/dev/version/version-info-identity.ts

@@ -187,7 +187,7 @@ export default class VersionInfoIdentity extends LitElement {
 				@multi-select=${this.onSelect.bind(this)}
 			>
 			</file-upload-list>
-			<h4>Custom display names</h4>
+			<h3 class="pb-1 text-lg">Custom display names</h3>
 			${customDisplayNameErrors.length
 				? html`<error-list .errors=${customDisplayNameErrors}></error-list>`
 				: null}

src/elements/dev/version/version-info-matchmaker.ts

@@ -475,13 +475,13 @@ export default class VersionInfoMatchmaker extends LitElement {
 						${this.configExt.config.captcha ? this.renderCaptchaConfig() : null}
 				  </div>
 				</div>`
-				: html`<h3>Captcha Verification</h3>
+				: html`<h3 class="pb-1 text-lg">Captcha Verification</h3>
 						<p class="muted">No captcha</p>`}
 
-			<h3>Runtime</h3>
+			<h3 class="pt-3 pb-1 text-lg">Runtime</h3>
 			${this.renderRuntimeConfig()}
 
-			<h3>Game Modes</h3>
+			<h3 class="pt-3 pb-1 text-lg">Game Modes</h3>
 			${gameModeMetaErrors.length
 				? html`<error-list .errors=${gameModeMetaErrors}></error-list>`
 				: null}

tailwind.config.js

@@ -17,6 +17,7 @@ module.exports = {
 				'button-bg-hover-color': '#ffffff05',
 				'base-bg': '#18181b', // Also change this in html/index.html and html/static-styles.css
 				'raised-bg': '#FFFFFF17',
+				'raised-bg-border-color': '#525252',
 				'lowered-bg': '#00000020',
 				'context-menu': '#262626',
 				'raised-hover': '#FFFFFF27',