From e7ea7f8e3e373bc12e86431ded4c42f426fb6952 Mon Sep 17 00:00:00 2001
From: Ray Schamp <ray@scratch.mit.edu>
Date: Thu, 6 Aug 2015 19:57:24 -0400
Subject: [PATCH] Be unnecessarily clever

---
 css/scratchx.css   | 15 ++++++++-------
 sass/scratchx.scss | 12 ++++--------
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/css/scratchx.css b/css/scratchx.css
index 9248214..5e608ef 100644
--- a/css/scratchx.css
+++ b/css/scratchx.css
@@ -1029,13 +1029,14 @@ body #home {
   display: block; }
 
 .modal dialog {
-  float: left;
-  margin-right: 12px;
-  width: 49%; }
-  .modal dialog:last-child {
-    margin-right: auto; }
-  .modal dialog:only-child {
-    float: none; }
+  width: 50%; }
+  .modal dialog:not(:only-child) {
+    float: left;
+    display: block;
+    margin-right: 2.53165%;
+    width: 48.73418%; }
+    .modal dialog:not(:only-child):last-child {
+      margin-right: 0; }
 
 .extension-file section:first-child {
   /* Add a border equal to the number of featured extensions - 1 */
diff --git a/sass/scratchx.scss b/sass/scratchx.scss
index f89cfd8..c346201 100644
--- a/sass/scratchx.scss
+++ b/sass/scratchx.scss
@@ -63,17 +63,13 @@ body {
 
 
 .modal dialog {
-    float: left;
-    margin-right: $gutter;
-    width: 49%;
 
-    &:last-child {
-        margin-right: auto;
+    width: 50%;
+
+    &:not(:only-child) {
+        @include span-columns(3 of 6);
     }
 
-    &:only-child {
-        float: none;
-    }
 }