Devtools UI: Display hint when Network panel is empty

Source/devtools/front_end/network/networkLogView.css

Index: Source/devtools/front_end/network/networkLogView.css
diff --git a/Source/devtools/front_end/network/networkLogView.css b/Source/devtools/front_end/network/networkLogView.css
index 55c1a5cda8548b1fa5107d274bab4c40b6b93c91..4e3f18df5c9c98d14cf3d688aa9078501134a776 100644
--- a/Source/devtools/front_end/network/networkLogView.css
+++ b/Source/devtools/front_end/network/networkLogView.css
@@ -617,3 +617,21 @@
 .network-log-grid .network-node-on-initiated-path {
     background-color: hsla(0, 68%, 54%, 0.2) !important;
 }
+
+.network-status-pane {
+    color: #777;
+    background-color: white;
+    font-size: 30px;
+    z-index: 500;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    padding: 0 20px;
+    overflow: auto;
+}
+
+.network-status-pane > .recording-hint {
+    font-size: 14px;
+    text-align: left;
+}