More pleasing display of table elements

believer-ufa · believer-ufa · commit 029219e9aac0 · 2016-02-04T12:11:48.000+05:00
In the Queries tab, we can see that the blocks that display time of the request and the name of the database, constantly jumped in their seats. This amendment corrects this problem
diff --git a/src/Resources/laravel-debugbar.css b/src/Resources/laravel-debugbar.css
@@ -197,6 +197,26 @@ ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item {
     border: none;
     font-family: inherit;
     overflow: visible;
+    display: flex;
+}
+
+ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item .phpdebugbar-widgets-sql {
+    flex: 1 1 auto;
+}
+
+ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item .phpdebugbar-widgets-duration {
+    flex: 0 0 auto;
+}
+
+ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item .phpdebugbar-widgets-database {
+    flex: 0 0 auto;
+}
+
+ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item .phpdebugbar-widgets-params {
+    flex: 1 1 auto;
+    order: -1;
+    width: auto;
+    max-width: 200px;
 }
 
 ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:nth-child(even) {
