src/app/pages/new/components/new-statement/new-statement.component.scss

/********************************************************************************
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/

@import "openk.styles";

:host {
  display: flex;
  flex-flow: column;
  padding: 1em;
  align-items: center;
}

.dashboard-header {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.dashboard-header-title {
  margin-right: auto;
  font-size: x-large;
  font-weight: 600;
}

.dashboard-header-actions {
  display: flex;
  flex-flow: row wrap;
  margin-left: auto;
  justify-content: flex-end;

  .openk-button {
    margin: 0.25em;
  }
}

.new-statement {
  margin-top: 1em;
  max-width: 35em;
  width: 100%;
}

.new-statement-form {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.new-statement-form-group {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.new-statement-form-group-label {
  padding-right: 1em;
  display: inline-block;
  min-width: 3em;
}

.new-statement-form-group-input {
  width: 20em;
}

.new-statement-attachment-button {
  width: 22em;
  border-style: dashed;
  margin-left: 4.5em;
  padding: 2em 1em;
  opacity: 0.7;
}

.new-statement-form-submit {
  margin-top: 0.5em;
  display: flex;
  justify-content: flex-end;
}