@import "scss/variables";

.WeatherWidgetView {
  color: $white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  user-select: none;

  .widget-content {
    .loader {
      display: block;
    }

    .weather {
      align-items: center;
      display: flex;
      flex-direction: row;

      .icon {
        flex-shrink: 0;
        margin-right: 1em;
      }

      .description {
        flex: 1;
        margin-right: 1em;

        h5 {
          margin-bottom: 0px;
        }
      }

      .temp {
        flex-shrink: 0;

        h5 {
          margin-bottom: 0px;
        }
      }
    }

    .meta {
      bottom: 0px;
      left: 0.2rem;
      line-height: 1rem;
      position: absolute;
    }
  }
}
