branding v1

web/src/pages/actions/ActionsPage.tsx

@@ -85,7 +85,7 @@ export default function ActionsPage() {
   }
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Left sidebar - Actions List */}
       <div className="w-96 border-r border-gray-200 overflow-y-auto bg-gray-50">
         <div className="p-4 border-b border-gray-200 bg-white sticky top-0 z-10">

web/src/pages/actions/WorkflowBuilderPage.tsx

@@ -608,14 +608,14 @@ export default function WorkflowBuilderPage() {
 
   if (isEditing && workflowLoading) {
     return (
-      <div className="flex items-center justify-center h-screen">
+      <div className="flex items-center justify-center h-full">
         <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600" />
       </div>
     );
   }
 
   return (
-    <div className="h-[calc(100vh-4rem)] flex flex-col overflow-hidden">
+    <div className="h-full flex flex-col overflow-hidden">
       {/* Top toolbar */}
       <div className="flex-shrink-0 bg-white border-b border-gray-200 px-4 py-2.5">
         <div className="flex items-center justify-between">

web/src/pages/executions/ExecutionsPage.tsx

@@ -534,7 +534,7 @@ export default function ExecutionsPage() {
   }, [filteredExecutions]);
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Main content area */}
       <div
         className={`flex-1 min-w-0 overflow-y-auto p-6 ${selectedExecutionId ? "mr-0" : ""}`}

web/src/pages/packs/PacksPage.tsx

@@ -53,7 +53,7 @@ export default function PacksPage() {
   }
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Left sidebar - Packs List */}
       <div className="w-96 border-r border-gray-200 overflow-y-auto bg-gray-50">
         <div className="p-4 border-b border-gray-200 bg-white sticky top-0 z-10">

web/src/pages/rules/RulesPage.tsx

@@ -87,7 +87,7 @@ export default function RulesPage() {
   }
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Left sidebar - Rules List */}
       <div className="w-96 border-r border-gray-200 overflow-y-auto bg-gray-50">
         <div className="p-4 border-b border-gray-200 bg-white sticky top-0 z-10">

web/src/pages/sensors/SensorsPage.tsx

@@ -73,7 +73,7 @@ export default function SensorsPage() {
   }
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Left sidebar - Sensors List */}
       <div className="w-96 border-r border-gray-200 overflow-y-auto bg-gray-50">
         <div className="p-4 border-b border-gray-200 bg-white sticky top-0 z-10">

web/src/pages/triggers/TriggersPage.tsx

@@ -90,7 +90,7 @@ export default function TriggersPage() {
   }
 
   return (
-    <div className="flex h-[calc(100vh-4rem)]">
+    <div className="flex h-full">
       {/* Left sidebar - Triggers List */}
       <div className="w-96 border-r border-gray-200 overflow-y-auto bg-gray-50">
         <div className="p-4 border-b border-gray-200 bg-white sticky top-0 z-10">