[improve] set game dir on client -> updates Play/Install button based on games existing

crates/lanspread-tauri-deno-ts/src/App.css

@@ -102,13 +102,6 @@ h1.align-center {
   box-shadow: 0 8px 15px rgba(0, 191, 255, 0.2);
 }
 
-/* .play-button:hover {
-  background: linear-gradient(45deg, #09305a, #4866b9);
-  /* box-shadow: 0 15px 20px rgba(0, 191, 255, 0.4); */
-/*  box-shadow: 0 20px 25px rgba(0, 191, 255, 0.6), 0 0 15px rgba(0, 191, 255, 0.5);
-  transform: translateY(-5px);
-} */
-
 .play-button:hover {
   background: linear-gradient(45deg, #09305a, #4866b9);
   box-shadow: 0 20px 25px rgba(0, 191, 255, 0.6);
@@ -124,7 +117,6 @@ h1.align-center {
 }
 
 .search-container {
-  padding: 20px;
   display: flex;
   justify-content: center;
 }
@@ -150,3 +142,45 @@ h1.align-center {
 .search-input::placeholder {
   color: #8892b0;
 }
+
+.search-settings-wrapper {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  padding: 20px;
+}
+
+.settings-container {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 15px;
+}
+
+.settings-button {
+  padding: 8px 16px;
+  background: linear-gradient(45deg, #09305a, #37529c);
+  color: #D5DBFE;
+  border: 1px solid transparent;
+  border-radius: 20px;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 4px 8px rgba(0, 191, 255, 0.2);
+}
+
+.settings-button:hover {
+  background: linear-gradient(45deg, #09305a, #4866b9);
+  box-shadow: 0 8px 12px rgba(0, 191, 255, 0.4);
+  border: 1px solid rgba(0, 191, 255, 0.6);
+  transform: translateY(-2px);
+}
+
+.settings-text {
+  color: #8892b0;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 300px;
+}