Cleaner way to space buttons

Author: jonels-msft

sphinx_rtd_theme/footer.html

@@ -1,16 +1,12 @@
 <footer>
   {%- if (theme_prev_next_buttons_location == 'bottom' or theme_prev_next_buttons_location == 'both') and (next or prev) %}
     <div class="rst-footer-buttons" role="navigation" aria-label="{{ _('Footer') }}">
-	  <div class="column">
       {%- if prev %}
         <a href="{{ prev.link|e }}" class="btn btn-neutral" title="{{ prev.title|striptags|e }}" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> {{ _('Previous') }}</a>
       {%- endif %}
-	  </div>
-	  <div class="column">
       {%- if next %}
-        <a href="{{ next.link|e }}" class="btn btn-neutral float-right" title="{{ next.title|striptags|e }}" accesskey="n" rel="next">{{ _('Next') }} <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
+        <a href="{{ next.link|e }}" class="btn btn-neutral" title="{{ next.title|striptags|e }}" accesskey="n" rel="next">{{ _('Next') }} <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
       {%- endif %}
-	  </div>
     </div>
   {%- endif %}
 

src/sass/_theme_layout.sass

@@ -353,9 +353,7 @@ footer
 .rst-footer-buttons
   display: flex
   flex-direction: row
-
-  .column
-    width: 50%
+  justify-content: space-between
 
 .rst-breadcrumbs-buttons
   margin-top: 12px