Make scenes page list view checkbox fill entire cell (#2974)

ui/v2.5/src/components/Scenes/SceneListTable.tsx

@@ -55,6 +55,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
     return (
       <tr key={scene.id}>
         <td>
+          <label>
             <Form.Control
               type="checkbox"
               checked={props.selectedIds.has(scene.id)}
@@ -73,6 +74,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
                 event.stopPropagation();
               }}
             />
+          </label>
         </td>
         <td>
           <Link to={sceneLink}>
@@ -114,7 +116,7 @@ export const SceneListTable: React.FC<ISceneListTableProps> = (
   };
 
   return (
-    <div className="row table-list justify-content-center">
+    <div className="row scene-table table-list justify-content-center">
       <Table striped bordered>
         <thead>
           <tr>

ui/v2.5/src/components/Scenes/styles.scss

@@ -638,3 +638,23 @@ input[type="range"].blue-slider {
     margin-bottom: 0;
   }
 }
+
+.scene-table {
+  table,
+  tr,
+  td,
+  label,
+  input {
+    height: 100%;
+  }
+
+  td {
+    padding: 0;
+  }
+
+  label {
+    display: block;
+    margin: 0;
+    padding: 0.5rem;
+  }
+}