chrisgriffith

ion-content {
    --background: url(../../assets/background_full.jpg) no-repeat top center/cover fixed, #fff;
    position: relative;
    height: 100%;
    width: 100%;
}

ion-toolbar {
    --background: transparent;
}

chrisgriffith

<ion-row class="ion-align-items-center ion-justify-content-between">

chrisgriffith

<ion-row class="ion-align-items-center”>

chrisgriffith

.card-content-md {
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.card-content-ios {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
  padding-inline-end: 0 !important;

chrisgriffith

<ion-button size="small" class="ion-float-right ion-text-uppercase">Register Result</ion-button>

chrisgriffith

.avatar {
  border-radius: 10px;
  max-width: 45px;
  display: block;
  float: left;
  margin-right: 1rem;
}

chrisgriffith

<ion-button class="ion-text-uppercase">Register Result</ion-button>

chrisgriffith

ion-button {
  --border-radius: 10px;
  --background: #6765F7;
}

chrisgriffith

<ion-button>Register Result</ion-button>

chrisgriffith

.avatar {
  border-radius: 10px;
  max-width: 45px;
}