[Quarto R] Add space betweeen authors and date

[caiolivf]

Bug description

I would like to add more spacing between author and publication date.

---
title: Mesa Limpa
description: Relatório Dinâmico sobre processos abertos do SEI - SETIC
authors: 
  - name: author1xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  - name: author2xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
date: today
format:
  html:
    theme: flatly
lang: pt
title-block-banner: true
server: shiny
---

[mcanouil]

My guess, is that you are using HTML format thus needs to use CSS (developer mode of your favourite browser is here to help figure out which classes).

---

Could you share a small "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[caiolivf]

Hi @mcanouil !

Thanks for answering!

Here's a reproducible example. Note that "author's name" and "date" are very close.

---
title: "test"
author: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
date: 01/01/2000
format: html
editor: visual
---

## Quarto

Quarto enables you to weave together content and executable code into a finished document. To learn more about Quarto see <https://quarto.org>.

## Running Code

When you click the **Render** button a document will be generated that includes both content and the output of embedded code. You can embed code like this:

```{r}
1 + 1
```

You can add options to executable code like this

```{r}
#| echo: false
2 * 2
```

The `echo: false` option disables the printing of code (only output is displayed).

[mcanouil]

From the developper mode:

Then you see the CSS that you can modify live, you may also have direct link to documentation (https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns):

#title-block-header.quarto-title-block.default .quarto-title-meta {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

See Quarto document.

---
title: "test"
author: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
date: 01/01/2000
format: html
include-in-header: 
  - text: |
      <style>
      #title-block-header.quarto-title-block.default .quarto-title-meta {
        display: grid;
        grid-template-columns: 2fr 1fr;
      }
      </style>
---

## Quarto

Quarto enables you to weave together content and executable code into a finished document. To learn more about Quarto see <https://quarto.org>.

## Running Code

When you click the **Render** button a document will be generated that includes both content and the output of embedded code. You can embed code like this:

```{r}
1 + 1
```

You can add options to executable code like this

```{r}
#| echo: false
2 * 2
```

The `echo: false` option disables the printing of code (only output is displayed).

[caiolivf]

Thanks @mcanouil !

Very helpful!