diff options
| -rw-r--r-- | web/src/css/flowdetail.less | 30 | ||||
| -rw-r--r-- | web/src/js/components/FlowView/Details.jsx | 2 | ||||
| -rw-r--r-- | web/src/js/components/FlowView/Messages.jsx | 2 |
3 files changed, 18 insertions, 16 deletions
diff --git a/web/src/css/flowdetail.less b/web/src/css/flowdetail.less index 8244300f..22c6e4ae 100644 --- a/web/src/css/flowdetail.less +++ b/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; - } - } diff --git a/web/src/js/components/FlowView/Details.jsx b/web/src/js/components/FlowView/Details.jsx index 6a16a98e..10ec6553 100644 --- a/web/src/js/components/FlowView/Details.jsx +++ b/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}/> diff --git a/web/src/js/components/FlowView/Messages.jsx b/web/src/js/components/FlowView/Messages.jsx index 6d049fa4..93c52660 100644 --- a/web/src/js/components/FlowView/Messages.jsx +++ b/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> |