Vertical tab styling for tabs should not be applied when JavaScript is disabled and no tabs are present

Problem/Motivation

When JavaScript is disabled, a giant gap to the left of the vertical tabs appears. There are a few styles in vertical-tabs.css that need to be scoped to a .js context.

Proposed resolution

Scope properties such as margin, border and padding to a .js context.

Before the CSS fix

After the CSS fix.

This might be the CSS fix.

.vertical-tabs-panes {
  background-color: #fcfcfa;
}

html.js .vertical-tabs-panes {
  margin: 0 0 0 240px;
  padding: 10px 15px 10px 15px;
  border-left: 1px solid #a6a5a1;
}