<template>
  <div class="form-field">
    <slot></slot>
  </div>
</template>


<style>
.form-field {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  text-align: left;
}
label {
  margin-right: 15px;
  font-weight: 500;
  line-height: 35px;
  text-align: right;
  color: #999;
  width: 150px;
}
label::after {
  content: ':'
}
.form-field + .form-field {
  margin-top: 15px;
}

.form-field + button {
  margin-top: 15px;
}
</style>
