Сетка стилей в xamarin

Question

Я использую стили css с формами xamarin. У меня есть сетка с кнопками:

StackLayout {
    background-color: #1e1e1e;
    color: #ffffff;
}

Button{
    background-color: #2d2d30;
    font-family: Consolas;
    font-size: 24;

    margin: 0;
}

И xaml:

<Grid>
    <Grid.ColumnDefinitions>
    /*...*/
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
    /*...*/
    </Grid.RowDefinitions>
    <Button/>
    <Button/>
    /*...*/
</Grid>

Как убрать этот пробел между кнопками?

Answer 1

Grid {
    column-gap: 0;
    row-gap: 0;
}

Answer 2

Это проблема встроенных блоков. Как видите:

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
  margin:0;
}

<button></button>
<button></button>
<button></button>

Мы можем использовать эти два метода для удаления пробелов.

1. Смежная запись

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
}

<button></button><button></button><button></button>

Строка комментария

button {
  width: 50px;
  height: 50px;
  background: #000;
  outline:none;
  border:none;
}

<button></button><!--
--><button></button><!--
--><button></button>