Add line break below the range select on mobile only

diegovalle · Sep 13, 2024 · 6fa03e3 · 6fa03e3
1 parent 368d5f2
commit 6fa03e3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/elcri.men/src/pages/mapa-de-delincuencia.js b/elcri.men/src/pages/mapa-de-delincuencia.js
@@ -577,11 +577,14 @@ class DotMapGL extends React.Component {
                       className="column has-text-centered is-full"
                       style={{ fontFamily: 'Roboto Condensed, sans-serif' }}
                     >
+                      <FormattedMessage id="tasa de homicidios seleccionada" />:{' '}
+                      <div className="is-hidden-tablet">
+                        <br />
+                      </div>
                       <b>
-                        <FormattedMessage id="tasa de homicidios seleccionada" />
+                        <span>{this.state.sValues[0]}</span> -{' '}
+                        <span>{this.state.sValues[1]}</span>{' '}
                       </b>
-                      : <span>{this.state.sValues[0]}</span> -{' '}
-                      <span>{this.state.sValues[1]}</span>
                     </div>
                   </div>
                 </div>
@@ -653,7 +656,7 @@ function HomicideMapPage(props) {
               format="auto"
               responsive="true"
             /> */}
-          <div style={{ height: '930px', overflow: 'hidden' }}>
+          <div style={{ height: '990px', overflow: 'hidden' }}>
             <DotMapGL />
           </div>