Fix centering of wrapped elements

This commit is contained in:
Correl Roush 2020-05-15 00:27:42 -04:00
parent 2b2947fc02
commit 09a4523263

View file

@ -6,6 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Planningpoker · Phoenix Framework</title> <title>Planningpoker · Phoenix Framework</title>
<script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script> <script defer type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
<style>
/* Hack to account for elm-ui failing to center wrapped elements
See: https://github.com/mdgriffith/elm-ui/issues/57
*/
.s.r > s:first-of-type.accx { flex-grow: 0 !important; }
.s.r > s:last-of-type.accx { flex-grow: 0 !important; }
.cx > .wrp { justify-content: center !important; }
</style>
</head> </head>
<body> <body>
<div id="elm-main"></div> <div id="elm-main"></div>