From f9a84ed6b48268de765e0ed0efbdea0162284e9e Mon Sep 17 00:00:00 2001
From: Free <freeplayg@tutanota.com>
Date: Sat, 31 Jul 2021 21:10:40 +0200
Subject: [PATCH] Apply suggestions & fixes from
 https://codeberg.org/Freeplay/CSS-Styles/issues/2

---
 Gitea/theme-gitea-modern.styl | 49 +++++++++++++++++++++++++----------
 1 file changed, 36 insertions(+), 13 deletions(-)

diff --git a/Gitea/theme-gitea-modern.styl b/Gitea/theme-gitea-modern.styl
index f9c0358..6497f6d 100644
--- a/Gitea/theme-gitea-modern.styl
+++ b/Gitea/theme-gitea-modern.styl
@@ -28,7 +28,8 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
 }
 .ui.button, .ui.basic.button, .ui.menu, .input.action.fluid, .ui.label,
 .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"],
-.ui.table, .tab-size-8 {
+.ui.table, .tab-size-8,
+{
 	border-radius: var(--base-border-radius);
 }
 .ui.menu > .item:first-child,
@@ -238,6 +239,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
 	justify-content: center;
 	min-width: 24px !important;
 	display: inline-flex;
+	&.sha > .detail { /* Fix SHA Padding */
+		margin-left: 6px !important;
+	}
 	svg {
 		margin-right: 4px;
 	}
@@ -293,14 +297,13 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
 		border-top: 1px solid var(--color-secondary);
 	}
 }
-.ui.tabular.menu > .item {
+.ui.tabular.menu:not(.borderless) > .item {
 	width: auto !important;
 	padding-left: 16px;
 	padding-right: 16px;
 	min-width: 70px;
 	justify-content: center;
 	position: relative;
-	border-radius: 20px !important;
 	svg {
 		margin-right: 10px !important;
 	}
@@ -359,7 +362,9 @@ a[rel*="nofollow"]:not(.ui), .link:not(.ui) {
 html {
 	scrollbar-width: auto !important;
 }
-
+.full.height {
+	padding-bottom: 30px;
+}
 
 /*** Header ***/
 .following.bar {
@@ -409,13 +414,14 @@ html {
 		margin-right: calc(-30px + 2%)!important;
 	}
 	.item.brand a {
-		border-radius: 100px;
-		background-color: var(--color-primary) !important;
-		box-shadow: 0 1px 2px var(--color-primary);
 		width: 35px;
 		height: 35px;
 		margin-right: 20px;
 		background-position: center;
+		img {
+			width: 100%;
+			height: 100%;
+		}
 	}
 	.right {
 		position: sticky;
@@ -713,6 +719,10 @@ html {
 				padding-left: 16px !important;
 				padding-right: 16px !important;
 				box-sizing: border-box;
+				&.icon {
+					padding-left: 8px !important;
+					padding-right: 8px !important;
+				}
 			}
 			#file-buttons {
 				margin: 0 4px !important;
@@ -1299,13 +1309,14 @@ html {
 
 /* REPOSITORY LIST */
 .ui.repository.list {
-	display: flex;
-	flex-wrap: wrap;
-	margin: 0 -10px;
-	margin-top: 10px !important;
+	margin-top: 16px !important;
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+	grid-gap: 16px;
+	
 	.item {
 		width: 400px;
-		margin: 8px;
+		width: 100%;
 		min-height: unset !important;
 		padding: 14px 16px !important;
 		border: 1px solid var(--color-secondary);
@@ -1422,7 +1433,7 @@ html {
 	padding: 30px 10px;
 	padding: 30px 0;
 	width: 1300px;
-	margin-bottom: -100px;
+	margin-bottom: -45px;
 
 
 
@@ -1547,10 +1558,21 @@ html {
 					margin: 0 -6px !important;
 					background: none !important;
 					a {
+						display: flex;
 						flex: 1 0 max-content;
 						min-width: 200px;
+						max-width: calc(100% - 12px);
 						border: 1px solid var(--color-secondary);
 						margin: 3px 6px;
+						.right {
+							margin-left: auto;
+						}
+						span {
+							width: 100%;
+						}
+						.label {
+							margin-left: 4px;
+						}
 						&:hover {
 							background-color: var(--color-light);
 						}
@@ -1709,3 +1731,4 @@ footer {
 		padding: 0 40px;
 	}
 }
+