UI improvements

Author: eric-richardson1

web/renderer/components/DatabaseNav/index.module.css

@@ -17,7 +17,7 @@
   }
 
   li {
-    @apply min-w-[150px];
+    @apply min-w-[130px];
   }
 
   @screen lg {

web/renderer/components/pageComponents/DatabasePage/ForTests/TestGroup/index.module.css

@@ -40,8 +40,8 @@
 }
 
 .inlineEditInput {
-  @apply bg-transparent border border-transparent text-base font-semibold text-storm-500 px-1 py-0.5 m-0 outline-none rounded transition-all;
-  min-width: 100px;
+  @apply bg-transparent border border-transparent text-base font-semibold text-storm-500 px-1 py-0.5 mt-0 mb-0 ml-0 mr-3 outline-none rounded transition-all;
+  min-width: 200px;
 }
 
 .inlineEditInput:hover {

web/renderer/components/pageComponents/DatabasePage/ForTests/TestGroup/index.tsx

@@ -113,7 +113,7 @@ export default function TestGroup({
             onFocus={() => setIsEditing(true)}
             onClick={e => e.stopPropagation()}
           />
-          <span className={css.testCount}>({testCount} tests)</span>
+          <span className={css.testCount}>{`(${testCount} ${testCount === 1 ? 'test' : 'tests'})`}</span>
         </div>
         <div className={css.groupHeaderRight}>
           {groupResult && (

web/renderer/components/pageComponents/DatabasePage/ForTests/TestItem/index.module.css

@@ -1,4 +1,3 @@
-/* TestItem Component Styles */
 .item {
   @apply border-2 border-stone-50 rounded-lg my-2 py-3 px-4 text-sm relative;
 }
@@ -68,7 +67,7 @@
 }
 
 .separator {
-  @apply border-t border-stone-300 mb-4 -mx-4;
+  @apply border-t-2 border-stone-50 mb-4 -mx-4;
 }
 
 .fieldGroup {