Scale to mobile devices

2022-02-11 01:07:32 -05:00 · 2022-02-11 01:07:32 -05:00 · 40868e170b
commit 40868e170b
parent ccc3ad8c88
2 changed files with 2 additions and 1 deletions
--- a/www/public/index.html
+++ b/www/public/index.html
@ -1,6 +1,7 @@
 <html>
    <head>
        <title>Bulk Tagging Dashboard</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script type="text/javascript" src="elm.js"></script>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
--- a/www/src/App.elm
+++ b/www/src/App.elm
@ -545,7 +545,7 @@ viewCardBrowser model =
                                ]
                        , description = cardModel.name
                        }
-                , E.el [ E.centerY ] <| E.text cardModel.name
+                , E.el [ E.centerY, E.width E.fill, E.clipX ] <| E.text cardModel.name
                , E.column [ E.alignRight, E.height E.fill ] <|
                    setBadge cardModel
                        :: List.map priceBadge (prices cardModel)