Adjust live logs buttons with flexbox

data/debug-interface/styles.css

@@ -227,41 +227,49 @@ button::-moz-focus-inner { border: 0; }
 }
 
 .log-buttons {
-    width: 100%;
+    display: -webkit-flex; /* Safari */
-    float: left;
+    display: flex;
+    flex-flow: row nowrap;
 }
 
 .log-buttons button {
-    float: left;
+    display: -webkit-flex; /* Safari */
+    display: flex;
+    margin: 10px;
+    width: auto;
+}
+
+.tool-image {
+    width: 30px;
+    height: 30px;
 }
 
 #toggleLogsButton {
-    width: 80%;
+    flex-grow: 1;
-    margin-right: 10px;
+    justify-content: center;
+    align-items: center;
 }
 
 #copyLogsButton {
     width: 20px;
-    margin-left: 10px;
+    justify-content: center;
-    margin-right: 10px;
+    align-items: center;
-}
-
-.tool-image {
-    width: 25px;
-    height: 25px;
 }
 
 #clearLogsButton {
     width: 20px;
-    margin-left: 10px;
+    justify-content: center;
+    align-items: center;
 }
 
 /* Clear floats (clearfix hack) */
+/*
 .log-buttons:after {
   content: "";
   clear: both;
   display: table;
 }
+*/
 
 .container {
     min-height: 100%;

libnymea-core/debugserverhandler.cpp

@@ -565,6 +565,9 @@ void DebugServerHandler::onWebsocketClientConnected()
         s_oldLogMessageHandler = qInstallMessageHandler(&logMessageHandler);
     }
 
+    // Enable the log categories depending on the current debug configuration
+
+
     s_websocketClients.append(client);
     qCDebug(dcDebugServer()) << "New websocket client connected:" << client->peerAddress().toString();