Fix properties crashing on vertical mobile views

[sigrunixia]

As seen here.
Iphone 11 pro max sized screen.

[sigrunixia]

Will remove the properties title up top on mobile

[sigrunixia]

Okay, so simple hiding is not.. optimal.

Option A

@media screen and (max-width: 700px) {

  .metadata-properties-title {
    margin-bottom: var(--size-4-1);
    padding: var(--size-2-3);
    display: flex;
    justify-content: left;
    font-family: var(--ebw-header-font);
    background-color: rgba(var(--secondary-accent-4-rgb), 0.1);

    &:before {
      display: none;
    }
    &::after {
      display: none;
    }
  }

  .markdown-source-view .metadata-container .metadata-add-button {
    margin-top: revert;
    padding-left: revert;
    position: revert;
    font-size: revert;
    left: revert;
    top: revert;
  }
}

[sigrunixia]

Option B

@media screen and (max-width: 700px) {

  .metadata-properties-title {
    display: none;
  }

  .markdown-source-view .metadata-container .metadata-add-button {
    margin-top: revert;
    padding-left: revert;
    position: revert;
    font-size: revert;
    left: revert;
    top: revert;
  }
}

[sigrunixia]

I'm leaning towards B because on mobile, if properties are used:

1. You know its a property.
2. Real Screen estate is precious