<div ng-if="active" class="fade">
  <p class="text" translate="globalSettings.title"/>
  <div class="small-12 columns scrollable text">
    <ul class="no-list in-columns" style="height: 200px">
      <li
        class="fade"
        ng-repeat="name in gS.settings | keys"
        ng-init="setting = gS.settings[name]">
        <div ng-switch="setting.type">
          <div
            ng-switch-when="custom"
            dynamic-directive="{{ setting.directive }}"/>
          <div ng-switch-default>
            <input
              type="{{ setting.type }}"
              ng-model="gS[setting.property]"/>
            <label>
              <span translate="{{ setting.label }}"/>
            </label>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

<div ng-if="active" class="fade">
  <p class="text" translate="globalSettings.title"/>
  <div class="small-12 columns scrollable text">
    <ul class="no-list in-columns" style="height: 240px">
      <li
        class="fade"
        ng-repeat="name in gS.settings | keys"
        ng-init="setting = gS.settings[name]">
        <div ng-switch="setting.type">
          <div
            ng-switch-when="custom"
            dynamic-directive="{{ setting.directive }}"/>
          <div ng-switch-default>
            <input
              type="{{ setting.type }}"
              ng-model="gS[setting.property]"/>
            <label>
              <span translate="{{ setting.label }}"/>
            </label>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>

Make globalSettingsPanel a little larger
Make globalSettingsPanel a little larger
