diff --git a/source/components/TargetSelection.css b/source/components/TargetSelection.css index 8220cc04c..2b7fde3c5 100644 --- a/source/components/TargetSelection.css +++ b/source/components/TargetSelection.css @@ -33,7 +33,7 @@ #targetSelection .targets > li { border-top: 1px solid rgba(255, 255, 255, 0.5); - padding: 0.6rem 1rem; + padding: 0.8rem 1rem; margin-left: -1rem; margin-right: -1rem; } @@ -48,10 +48,6 @@ justify-content: space-between; } -#targetSelection .targets > li p { - margin: 0.2em 0 0; -} - #targetSelection li .header { display: flex; align-items: center; @@ -59,7 +55,10 @@ #targetSelection .targets > li.small-target .header p { display: none; } - +#targetSelection .optionTitle + p { + margin-top: 0.2rem; + margin-bottom: 0; +} #targetSelection .optionTitle a { color: inherit; font-weight: bold; @@ -70,6 +69,12 @@ text-decoration: underline; } +@media (min-width: 800px) { + #targetSelection { + font-size: 115%; + } +} + @media (hover: none) { #targetSelection .optionTitle a { text-decoration: underline; @@ -83,7 +88,7 @@ } #targetSelection .targetInputOrValue { - font-size: 125%; + font-size: 115%; margin-left: 0.6rem; text-align: right; display: flex; diff --git a/source/sites/mon-entreprise.fr/App.tsx b/source/sites/mon-entreprise.fr/App.tsx index a74ede9e2..5e7d3ccac 100644 --- a/source/sites/mon-entreprise.fr/App.tsx +++ b/source/sites/mon-entreprise.fr/App.tsx @@ -115,21 +115,6 @@ function Root({ basename, language, rules }: RootProps) { } const Router = () => { - return ( - <> - {!inIframe() &&
} - - - - - - - ) -} - -const App = () => { - const { t } = useTranslation() - const sitePaths = useContext(SitePathsContext) const userSituation = useSelector(situationSelector) const configSituation = useSelector(configSituationSelector) const situation = useMemo( @@ -141,60 +126,63 @@ const App = () => { ) return ( -
- - {/* Passing location down to prevent update blocking */} - -
-
- - {redirects} - - - - - - - - - - - - - - - - -
- - {!inIframe() &&
} -
-
+ {!inIframe() &&
} + + + + + ) } +const App = () => { + const { t } = useTranslation() + const sitePaths = useContext(SitePathsContext) + + return ( +
+ + {/* Passing location down to prevent update blocking */} + +
+
+ + {redirects} + + + + + + + + + + + + + + + + +
+ + {!inIframe() &&
} +
+
+ ) +} + let ExportedApp = Root if (process.env.NODE_ENV !== 'production') { diff --git a/source/sites/mon-entreprise.fr/pages/Coronavirus.tsx b/source/sites/mon-entreprise.fr/pages/Coronavirus.tsx index a3141dddd..af9e29057 100644 --- a/source/sites/mon-entreprise.fr/pages/Coronavirus.tsx +++ b/source/sites/mon-entreprise.fr/pages/Coronavirus.tsx @@ -300,8 +300,14 @@ function RowLabel(target: EvaluatedRule) { return ( <> {' '} -
{target.title}
-

{target.summary}

+
+ {target.title} +
+

{target.summary}

) }