get rid of inline styling

Author: eric-richardson1

web/renderer/components/TestResultsForMergeList/index.tsx

@@ -136,9 +136,7 @@ export default function TestResultsForMergeList({ params }: Props) {
               ))
             ) : (
               <li className={css.noTests}>
-                <span>
-                  No test results available. Run tests to see results here.
-                </span>
+                <span>Run tests to see results here.</span>
               </li>
             )}
           </ul>

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

@@ -1,4 +1,3 @@
-/* NewGroupModal Component Styles */
 .overlay {
   @apply fixed inset-0 bg-stone-700 bg-opacity-50 flex items-center justify-center z-50;
 }

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

@@ -1,4 +1,3 @@
-/* QueryEditor Component Styles */
 .container {
   @apply bg-storm-600 rounded-sm border border-storm-500 overflow-hidden p-2;
 }

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

@@ -86,7 +86,6 @@
   max-width: 100% !important;
 }
 
-/* Test result status styles */
 .testResult {
   @apply flex items-center gap-1 px-2 py-1 rounded text-sm text-stone-700;
   min-width: 80px;

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

@@ -129,7 +129,7 @@ export default function TestItem({
               e.stopPropagation();
               onRunTest();
             }}
-            className={`${css.testActionBtn} ${css.runBtn}`}
+            className={cx(css.testActionBtn, css.runBtn)}
             data-tooltip-content="Run test"
           >
             <FaPlay />
@@ -219,7 +219,6 @@ export default function TestItem({
               onChangeString={value => onUpdateTest("assertionValue", value)}
               placeholder="Expected result"
               className={css.fullWidthFormInput}
-              style={{ width: "100%" }}
             />
           </div>
         </div>

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

@@ -140,7 +140,6 @@
   min-width: 100px;
 }
 
-/* Create Dropdown Styles */
 .createButton {
   @apply flex items-center justify-center px-3 py-1.5 text-sm font-semibold bg-sky-600 text-white rounded hover:bg-sky-700 transition-colors duration-200;
   min-width: 100px;
@@ -196,7 +195,6 @@
   @apply border-sky-400 outline-none;
 }
 
-/* Ungrouped Tests Styles */
 .ungroupedDivider {
   @apply font-semibold text-center w-full my-8 text-base text-storm-500;
 }
@@ -216,3 +214,7 @@
 .orangeGroup {
   @apply text-orange-500;
 }
+
+.runAllButton {
+  @apply bg-green-600 text-white;
+}

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

@@ -79,10 +79,7 @@ export default function TestList({ params }: Props) {
 
           <div className={css.primaryActions}>
             {tests.length > 0 && (
-              <Button
-                onClick={handleRunAll}
-                className="bg-green-600 text-white"
-              >
+              <Button onClick={handleRunAll} className={css.runAllButton}>
                 Run All
               </Button>
             )}