various changes, aesthetic and functionality

This should fix the window drag not working, however I cannot test that.
As my WM doesn't support it, a Windows contributor will have to test it.

I also added an info button that opens the mod's page in your web
browser, this button is of course localized, along with that I localized
the placeholder in the search input.

There's also a few general aesthetic changes, like adding a tiny border
around #modsdiv and #browser.

1 files changed, 8 insertions, 2 deletions

diff --git a/src/app/main.css b/src/app/main.css
index 4f1ddc2..2791488 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -9,7 +9,11 @@
 	--selbg: rgba(80, 80, 80, 0.5);
 	--redbg: linear-gradient(45deg, var(--red), #FA4343);
 	--bluebg: linear-gradient(45deg, var(--blue), #7380ED);
+}
 
+#browser, #modsdiv {
+	outline: 1px solid #444444;
+	border: 3px solid var(--bg);
 }
 
 ::-webkit-scrollbar {
@@ -73,7 +77,7 @@ button {
 	bottom: var(--spacing);
 	transform: scale(0.98);
 	backdrop-filter: blur(15px);
-	border-radius: calc(var(--padding) / 2);
+	border-radius: calc(var(--padding) / 3);
 	transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
 }
 
@@ -556,7 +560,9 @@ code {
 
 /* drag control */
 
-#bgHolder {
+#bgHolder, 
+#overlay.shown + .mainContainer, 
+#overlay.shown + .gamesContainer {
 	user-select: none;
   	-webkit-app-region: drag;
 }