From d7e0d65bcd805b3a117d5b586ac5e1d12b5be32a Mon Sep 17 00:00:00 2001 From: Dyakov Roman Date: Sun, 16 Oct 2022 21:16:06 +0300 Subject: [PATCH] Fix card text position --- src/components/EventRow.vue | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/src/components/EventRow.vue b/src/components/EventRow.vue index 48e30fe..86338ab 100644 --- a/src/components/EventRow.vue +++ b/src/components/EventRow.vue @@ -69,29 +69,32 @@ export default { } .noselect { -webkit-touch-callout: none; /* iOS Safari */ - -webkit-user-select: none; /* Safari */ - -khtml-user-select: none; /* Konqueror HTML */ - -moz-user-select: none; /* Old versions of Firefox */ - -ms-user-select: none; /* Internet Explorer/Edge */ - user-select: none; /* Non-prefixed version, currently + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Old versions of Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ cursor: default; } p { - margin: 4px 0; -} -.time { - width: 50px; - font-size: 16px; - flex: 0 0 50px; + margin: 0; } +div.time, div.info { display: flex; flex-flow: column nowrap; justify-content: center; - min-width: 0; + font-size: 16px; height: 100%; } +div.time { + width: 50px; + flex: 0 0 50px; +} +div.info { + min-width: 0; +} .info > p { width: 100%; overflow: hidden;