fix in ux

pytorrent/static/styles.css

@@ -4181,13 +4181,44 @@ body,
 
 /* Operation logs */
 .operation-log-toolbar,
-.operation-log-settings-grid {
+.operation-log-toolbar-main,
+.operation-log-settings-grid,
+.operation-log-view-settings {
   display: flex;
   flex-wrap: wrap;
   gap: .5rem;
   align-items: end;
 }
 
+.operation-log-toolbar {
+  justify-content: space-between;
+}
+
+.operation-log-toolbar-main {
+  flex: 1 1 auto;
+}
+
+.operation-log-toolbar-toggle {
+  flex: 0 0 auto;
+  margin-left: auto;
+}
+
+.operation-log-view-settings {
+  align-items: center;
+  border-top: 1px solid var(--bs-border-color);
+  margin-top: 1rem;
+  padding-top: 1rem;
+}
+
+.operation-log-view-settings > div:first-child {
+  flex: 1 1 220px;
+}
+
+.operation-log-view-settings small {
+  color: var(--bs-secondary-color);
+  display: block;
+}
+
 .operation-log-type-filter {
   max-width: 180px;
 }
@@ -4257,8 +4288,20 @@ body,
     width: 100%;
   }
 
-  .operation-log-toolbar > .btn,
+  .operation-log-toolbar,
-  .operation-log-settings-actions > .btn {
+  .operation-log-toolbar-main,
+  .operation-log-view-settings {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .operation-log-toolbar-toggle {
+    margin-left: 0;
+  }
+
+  .operation-log-toolbar-main > .btn,
+  .operation-log-settings-actions > .btn,
+  .operation-log-view-settings > .btn {
     width: 100%;
   }
 }