adding wrapper for tabs custom spacing

opentech/apply/funds/templates/funds/applicationsubmission_detail.html

@@ -31,7 +31,7 @@
     </div>
 </div>
 
-<div class="wrapper wrapper--medium wrapper--inner-space-xl">
+<div class="wrapper wrapper--medium wrapper--tabs">
 {# Tab 1 #}
     <div class="tabs__content tabs__content--current" id="tab-1">
         <div class="wrapper wrapper--sidebar">

opentech/static_src/src/sass/apply/components/_wrapper.scss

@@ -247,13 +247,11 @@
     }
 
     &--comments {
-        padding: 20px;
         padding-bottom: 15px;
         margin-bottom: 15px;
         border-bottom: 1px solid $color--mid-grey;
 
         @include media-query(tablet-portrait) {
-            padding: 0;
             padding-bottom: 35px;
             margin-bottom: 35px;
         }
@@ -262,4 +260,12 @@
             display: none;
         }
     }
+
+    &--tabs {
+        padding: 20px 0;
+
+        @include media-query(tablet-portrait) {
+            padding: 4rem 0;
+        }
+    }
 }