# Alineación de la barra de cita en móvil

**URL:** <https://meta.discourse.org/t/quote-bar-alignment-on-mobile/315894>\
**Category:** UX\
**Tags:** mobile\
**Created:** [11 Julio, 2024 09:27 UTC](https://meta.discourse.org/t/quote-bar-alignment-on-mobile/315894 "2024-07-11T09:27:26Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [11 Julio, 2024 09:27 UTC](https://meta.discourse.org/t/quote-bar-alignment-on-mobile/315894/1 "2024-07-11T09:27:27Z")

</div>

Hola 👋

En el móvil, los botones de la barra de citas tienen más opciones que antes; ahora también tenemos  
Copiar cita  
y  
Preguntar a la IA  
, lo que la hace más ancha y puede desbordarse fácilmente de la pantalla en pantallas más pequeñas y, especialmente, en idiomas que tienen traducciones más largas para estas etiquetas.

 ![Screenshot 2024-07-11 at 10.45.55](https://global.discourse-cdn.com/meta/original/4X/b/6/b/b6b2d33120871814a142638aae40abe3d44b89af.png)

En húngaro es mucho peor…

 ![Screenshot 2024-07-11 at 10.47.33](https://global.discourse-cdn.com/meta/original/4X/4/1/b/41b8b40f1dfa1cb23cd127176adb514af69788f9.png)

Creo que una de las mejores soluciones es probablemente hacer que los botones se ordenen en columna. Ahora los botones activan el _(compositor, modal, toast)_ y cierran la barra de citas, no como antes cuando se abría en la barra de citas en _(Editar, Preguntar a la IA)_. Tenemos más espacio libre y es mucho más fácil manejar estos botones.

Algo así:

 ![Screenshot 2024-07-11 at 10.55.24](https://global.discourse-cdn.com/meta/original/4X/d/4/7/d479b0ba527b52919a8e62d7f792ec0024e516c1.png)

Móvil / CSS

```scss
.quote-button {
  .buttons {
    flex-direction: column;
    > *:not(:last-child) {
      border-bottom: 1px solid var(--primary-low);
    }
    > .btn,
    .ai-post-helper__trigger {
      width: 100%;
      padding: 0.65em;
      justify-content: flex-start;
    }        
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/quote-bar-alignment-on-mobile/315894)._