.dashboard-actions {
  position: fixed;
  bottom: 6px;
  right: 6px;
  z-index: 200;

  .link {
    color: var(--f7-grid-resize-handler-bg-color);
    margin-left: 4px;
  }
}

.dashboard {

  .row {
    justify-content: space-evenly;
  }

  .widget {

    &.widget-item {
      .widget-inner {
        overflow-y: auto;
        overflow-x: hidden;
      }
    }

    .widget-inner-error {
      margin: 30px;
      text-align: center;
    }

    &.widget-group-empty {
      .group {
        background: var(--f7-text-editor-border-color);
        height: 100px;
      }
    }

    .resize-handler {
      left: auto;
      right: 0;
      opacity: 0;
      transition-duration: 400ms;
    }

    .widget-toolbar {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0;
      transition-duration: 400ms;
      z-index: 200;

      a.link {
        color: var(--f7-grid-resize-handler-bg-color);

        .icon {
          font-size: 16px;
        }

        &+a.link {
          margin-left: 8px;
        }
      }

    }

    &[data-dragdrop-drop] {
      background: var(--f7-text-editor-border-color);
    }
  }
}

.dashboard.dashboard-unlock {

  .widget {

    &.widget-group-some:hover {
      >.resize-handler {
        right: 50%;
      }

      >.widget-toolbar {
        right: 50%;
      }
    }

    &:hover {

      .resize-handler {
        left: auto;
        right: 0;
        opacity: 1;
      }

      .widget-toolbar {
        opacity: 1;
      }
    }

  }
}

.widget-property-edit {
  .value-types {
    text-align: right;

    label.radio {
      margin-left: 8px;
    }
  }
}
