Tweak the borders and shadows in dialog boxes

LycheeOrg · Oct 18, 2022 · 9a085f5 · 9a085f5
1 parent 70701ef
commit 9a085f5
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/styles/main/_dialog_downloads.scss b/styles/main/_dialog_downloads.scss
@@ -3,9 +3,8 @@ div.basicModal.downloads div.basicModal__content a.button {
 	margin: 12px 0;
 	padding: 12px;
 	font-weight: bold;
-	box-shadow: none;
+	box-shadow: inset 0 1px 0 white(0.02);
 	border: solid 1px black(0.2);
-	background-color: black(0.05);
 
 	.iconic {
 		width: 12px;

diff --git a/styles/main/_dialog_login.scss b/styles/main/_dialog_login.scss
@@ -5,11 +5,13 @@ div.basicModal.login div.basicModal__content {
 		color: $colorDialogMainButtonFont;
 		top: 8px;
 		left: 8px;
-		width: 24px;
-		height: 24px;
+		width: 30px;
+		height: 30px;
 		margin: 0;
-		padding: 2px;
+		padding: 5px;
 		cursor: pointer;
+		box-shadow: inset 1px 1px 0 white(0.02);
+		border: solid 1px black(0.2);
 
 		.iconic {
 			width: 100%;

diff --git a/styles/main/_dialog_photo_links.scss b/styles/main/_dialog_photo_links.scss
@@ -7,10 +7,12 @@ form.photo-links div.input-group {
 		margin: 0;
 		padding: 4px;
 		right: 0;
-		bottom: 4px; // compensation for bottom padding (3px) and bottom border (1px) of input element
+		bottom: 0;
 		width: 26px;
 		height: 26px;
 		cursor: pointer;
+		box-shadow: inset 1px 1px 0 white(0.02);
+		border: solid 1px black(0.2);
 
 		.iconic {
 			width: 100%;

diff --git a/styles/main/_dialog_token.scss b/styles/main/_dialog_token.scss
@@ -24,6 +24,8 @@ form.token div.input-group {
 			width: 26px;
 			height: 26px;
 			cursor: pointer;
+			box-shadow: inset 1px 1px 0 white(0.02);
+			border: solid 1px black(0.2);
 
 			.iconic {
 				width: 100%;