use smaller font for widgets and avoid wraps

2025-12-19 13:36:09 +05:00 · 2021-07-30 03:41:06 +03:00
parent da0c18e5ea
commit 23aef5cab3
1 changed files with 4 additions and 3 deletions
--- a/web/src/components/DialogTorrentDetailsContent/style.js
+++ b/web/src/components/DialogTorrentDetailsContent/style.js
@@ -258,15 +258,16 @@ export const WidgetFieldValue = styled.div`
    },
  }) => css`
    grid-area: value;
-    padding: 0 20px;
+    font-size: 24px;
+    padding: 0px 16px;
    color: ${widgetFontColor};
-    font-size: 25px;
    background: ${bgColor};
    border-radius: 0 5px 5px 0;
+    white-space: nowrap;

    @media (max-width: 800px) {
      font-size: 18px;
-      padding: 0 4px;
+      padding: 0px 4px;
    }
  `}
 `