<NME> checkout.scss
<BEF> .order-summary {
  background-color: #e1f0f5;
  padding: 1em;
  width: 100%;
  border: none;
  color: inherit;
}

checkout {
  display: block;

  @include breakpoint(phablet) {
    &.row .row {
      margin-left: 0;
      margin-right: 0;
    }
  }

  orderdetails {
    .button, table {
      width: 100%;
    }
    @include breakpoint(phablet) {
      form.edit_order {
        border: 1px solid $disabled-bright;
        margin-bottom: 2rem;
      }
    }
  }

  #details, #billing, #shipping, #payment {
    border: 0;
    margin: 1em 0;
    padding: 0;
    .content {
      border: 1px solid #efefef;
    }
  }

  h5 {
    margin: 0;
    padding: 0.65em;
    background: $grey-050;

    .label {
      font-size: 1em;
      padding: 0.3rem 0.35rem 0.275rem;
    }

    // Logic to turn on & off the alerts for success against each fieldset

    label, label.alert, label.success, &.valid label.alert, &.dirty label.success {
      display: none;
    }

    &.dirty label.alert {
      display: inline;
    }
    &.dirty.valid label.alert {
      display: none;
    }
    &.valid label.success {
      display: inline;
    }
  }

  h5.dirty {
    background: #f7ccc5;
  }

  h5.valid, h5.dirty.valid {
    background: #bfefd1;
  }

  orderdetails table tr th {
    text-align: left;
  }


  // Logic to swap out up / down accordion icons
  //Foundation overrides
  dd > a {
    @include csstrans;
    background: $disabled-light !important;
  }

  dd > a:hover {
    background: $disabled-v-dark !important;
    color: white;
  }

  dd {
    span.accordion-up {
      display: none;
    }
    span.accordion-down {
      display: inline;
    }
    &.open {
      span.accordion-up {
        display: inline;
      }
      span.accordion-down {
        display: none;
      }
    }
  }
}

<MSG> Improve design by aligning cell on right but with padding

<DFF> @@ -39,7 +39,9 @@ checkout {
 
   h5 {
     margin: 0;
-    padding: 0.65em;
+    padding-top: 0.65em;
+    padding-bottom: 0.65em;
+    padding-left: 0.65em;
     background: $grey-050;
 
     .label {

{'commit': 'diff --git a/app/webpacker/css/darkswarm/checkout.scss b/app/webpacker/css/darkswarm/checkout.scss\nindex c77f94968..004a1cb91 100644\n--- a/app/webpacker/css/darkswarm/checkout.scss\n+++ b/app/webpacker/css/darkswarm/checkout.scss\n@@ -39,7 +39,9 @@ checkout {\n \n   h5 {\n     margin: 0;\n-    padding: 0.65em;\n+    padding-top: 0.65em;\n+    padding-bottom: 0.65em;\n+    padding-left: 0.65em;\n     background: $grey-050;\n \n     .label {\n', 'commit_subject': 'Improve design by aligning cell on right but with padding', 'repo_name': 'openfoodfoundation/openfoodnetwork', 'committer': {'name': 'Jean-Baptiste Bellet', 'email': '62da1020558f490fcc551252d0a0f9381bea9657@gmail.com', 'time_sec': '1644574194', 'tz_offset': '60', 'date': {'seconds': '1644574194'}}, 'commit_tree': 'e620550c5d075a93c70f35d3cde6a8827cfd7cb0', 'commit_message': 'Improve design by aligning cell on right but with padding\n', 'language_name': 'Ruby', 'license': 'agpl-3.0', 'hunks': '@@ -39,7 +39,9 @@ checkout {\n \n   h5 {\n     margin: 0;\n-    padding: 0.65em;\n+    padding-top: 0.65em;\n+    padding-bottom: 0.65em;\n+    padding-left: 0.65em;\n     background: $grey-050;\n \n     .label {\n', 'addition_count': 3, 'deletion_count': 1, 'src_file': 'a/app/webpacker/css/darkswarm/checkout.scss', 'tgt_file': 'b/app/webpacker/css/darkswarm/checkout.scss', 'file_extension': '.scss', 'before_file': '.order-summary {\n  background-color: #e1f0f5;\n  padding: 1em;\n  width: 100%;\n  border: none;\n  color: inherit;\n}\n\ncheckout {\n  display: block;\n\n  @include breakpoint(phablet) {\n    &.row .row {\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  orderdetails {\n    .button, table {\n      width: 100%;\n    }\n    @include breakpoint(phablet) {\n      form.edit_order {\n        border: 1px solid $disabled-bright;\n        margin-bottom: 2rem;\n      }\n    }\n  }\n\n  #details, #billing, #shipping, #payment {\n    border: 0;\n    margin: 1em 0;\n    padding: 0;\n    .content {\n      border: 1px solid #efefef;\n    }\n  }\n\n  h5 {\n    margin: 0;\n    padding: 0.65em;\n    background: $grey-050;\n\n    .label {\n      font-size: 1em;\n      padding: 0.3rem 0.35rem 0.275rem;\n    }\n\n    // Logic to turn on & off the alerts for success against each fieldset\n\n    label, label.alert, label.success, &.valid label.alert, &.dirty label.success {\n      display: none;\n    }\n\n    &.dirty label.alert {\n      display: inline;\n    }\n    &.dirty.valid label.alert {\n      display: none;\n    }\n    &.valid label.success {\n      display: inline;\n    }\n  }\n\n  h5.dirty {\n    background: #f7ccc5;\n  }\n\n  h5.valid, h5.dirty.valid {\n    background: #bfefd1;\n  }\n\n  orderdetails table tr th {\n    text-align: left;\n  }\n\n\n  // Logic to swap out up / down accordion icons\n  //Foundation overrides\n  dd > a {\n    @include csstrans;\n    background: $disabled-light !important;\n  }\n\n  dd > a:hover {\n    background: $disabled-v-dark !important;\n    color: white;\n  }\n\n  dd {\n    span.accordion-up {\n      display: none;\n    }\n    span.accordion-down {\n      display: inline;\n    }\n    &.open {\n      span.accordion-up {\n        display: inline;\n      }\n      span.accordion-down {\n        display: none;\n      }\n    }\n  }\n}\n', 'message': 'Improve design by aligning cell on right but with padding\n', 'author_name': 'Jean-Baptiste Bellet', 'lang': 'scss'}