little changes in css

web/src/css/flowdetail.less

@@ -16,9 +16,24 @@
     section {
         display: flex;
         flex-direction: column;
-        padding: 0 !important;
+        >article{
+            overflow: auto;
+            padding: 5px 12px 0;
+        }
+        >footer {
+            box-shadow: 0 0 3px gray;
+            padding: 2px;
+            margin: 0;
+            height:23px;
+        }
     }
 
+    section.detail section.error{
+        overflow: auto;
+        padding: 5px 12px 0;
+    }
+
+
     .first-line {
         .monospace();
         background-color: #428bca;
@@ -41,19 +56,6 @@
     hr {
         margin: 0 0 5px;
     }
-
-    article {
-        overflow: auto;
-        padding: 5px 12px 0;
-    }
-
-    footer {
-        box-shadow: 0 0 3px gray;
-        padding: 2px;
-        margin: 0;
-        height:23px;
-    }
-
 }
 
 

web/src/js/components/FlowView/Details.jsx

@@ -114,7 +114,7 @@ export function Timing({ flow }) {
 
 export default function Details({ flow }) {
     return (
-        <section>
+        <section className="detail">
             <h4>Client Connection</h4>
             <ConnectionInfo conn={flow.client_conn}/>
 

web/src/js/components/FlowView/Messages.jsx

@@ -216,7 +216,7 @@ ErrorView.propTypes = {
 
 export function ErrorView({ flow }) {
     return (
-        <section>
+        <section className="error">
             <div className="alert alert-warning">
                 {flow.error.msg}
                 <div>