From 520165541d437e6dfe9a7160866ed94c2941f7d4 Mon Sep 17 00:00:00 2001
From: Rostislav Dugin <rostislav.dugin@outlook.com>
Date: Tue, 20 Jan 2026 08:39:28 +0300
Subject: [PATCH] FIX (ci \ cd): Add build step after lint step for frontend to
 catch build issues

---
 .github/workflows/ci-release.yml                    |  5 +++++
 .../ui/edit/EditDatabaseBaseInfoComponent.tsx       |  8 ++++----
 frontend/src/widgets/main/SidebarComponent.tsx      | 13 ++-----------
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/.github/workflows/ci-release.yml b/.github/workflows/ci-release.yml
index 00f494f..e480bf5 100644
--- a/.github/workflows/ci-release.yml
+++ b/.github/workflows/ci-release.yml
@@ -81,6 +81,11 @@ jobs:
           cd frontend
           npm run lint
 
+      - name: Build frontend
+        run: |
+          cd frontend
+          npm run build
+
   test-frontend:
     runs-on: ubuntu-latest
     needs: [lint-frontend]
diff --git a/frontend/src/features/databases/ui/edit/EditDatabaseBaseInfoComponent.tsx b/frontend/src/features/databases/ui/edit/EditDatabaseBaseInfoComponent.tsx
index 1fb3fb8..9185527 100644
--- a/frontend/src/features/databases/ui/edit/EditDatabaseBaseInfoComponent.tsx
+++ b/frontend/src/features/databases/ui/edit/EditDatabaseBaseInfoComponent.tsx
@@ -115,20 +115,20 @@ export const EditDatabaseBaseInfoComponent = ({
     <div>
       {isShowName && (
         <div className="mb-1 flex w-full items-center">
-          <div className="min-w-[150px]">Name</div>
+          <div className="min-w-[100px] md:min-w-[150px]">Name</div>
           <Input
             value={editingDatabase.name || ''}
             onChange={(e) => updateDatabase({ name: e.target.value })}
             size="small"
             placeholder="My favourite DB"
-            className="max-w-[200px] grow"
+            className="max-w-[150px] grow md:max-w-[200px]"
           />
         </div>
       )}
 
       {isShowType && (
         <div className="mb-1 flex w-full items-center">
-          <div className="min-w-[150px]">Database type</div>
+          <div className="min-w-[100px] md:min-w-[150px]">Database type</div>
 
           <div className="flex items-center">
             <Select
@@ -136,7 +136,7 @@ export const EditDatabaseBaseInfoComponent = ({
               onChange={handleTypeChange}
               options={databaseTypeOptions}
               size="small"
-              className="w-[200px] grow"
+              className="w-[150px] grow md:w-[200px]"
             />
 
             <img
diff --git a/frontend/src/widgets/main/SidebarComponent.tsx b/frontend/src/widgets/main/SidebarComponent.tsx
index a1a162c..6d42370 100644
--- a/frontend/src/widgets/main/SidebarComponent.tsx
+++ b/frontend/src/widgets/main/SidebarComponent.tsx
@@ -194,15 +194,6 @@ export const SidebarComponent = ({
               Documentation
             </a>
 
-            <a
-              className="block rounded text-sm font-medium !text-gray-700 hover:bg-gray-100 hover:!text-blue-600 dark:!text-gray-300 dark:hover:bg-gray-700"
-              href="https://databasus.com/contribute"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Contribute
-            </a>
-
             <a
               className="block rounded text-sm font-medium !text-gray-700 hover:bg-gray-100 hover:!text-blue-600 dark:!text-gray-300 dark:hover:bg-gray-700"
               href="https://t.me/databasus_community"
@@ -212,8 +203,8 @@ export const SidebarComponent = ({
               Community
             </a>
 
-            <div className="pt-2">
-              <StarButtonComponent text="Star on GitHub" size="large" showCount />
+            <div className="flex pt-2">
+              <StarButtonComponent />
             </div>
           </div>
         </div>