speeds

pytorrent/static/styles.css

@@ -440,6 +440,11 @@ body {
 .statusbar b {
   color: var(--bs-body-color);
 }
+.speed-peaks {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
 .status-limit {
   border: 1px solid var(--bs-border-color);
   background: rgba(var(--bs-secondary-bg-rgb), 0.9);
@@ -672,6 +677,21 @@ body {
   font-weight: 700;
   text-transform: uppercase;
 }
+.browser-speed-pref {
+  display: grid;
+  gap: 0.25rem;
+  align-content: center;
+  min-height: 58px;
+  margin: 0;
+  padding: 0.55rem 0.75rem 0.55rem 2.6rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.65rem;
+  background: rgba(var(--bs-secondary-bg-rgb), 0.35);
+}
+.browser-speed-pref small {
+  color: var(--bs-secondary-color);
+  line-height: 1.2;
+}
 @media (max-width: 640px) {
   .preferences-grid {
     grid-template-columns: 1fr;
@@ -911,13 +931,6 @@ body.mobile-mode .mobile-card {
   align-items: end;
   justify-content: flex-start;
 }
-#trafficHistoryChart {
-  width: 100%;
-  height: 420px;
-  border: 1px solid var(--bs-border-color);
-  border-radius: 0.75rem;
-  background: var(--bs-body-bg);
-}
 @media (max-width: 992px) {
   .profile-form-grid {
     grid-template-columns: 1fr;