split .close into general class and .sheet specific class and put it in it's place

h/sass/app.scss

@@ -77,6 +77,8 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   }
 }
 
+
+//This class provides the more round cornered card that comes down from under things (like a sheet drying on the line?)
 .sheet {
   @include border-radius(.5em);
   @include box-shadow(5px 5px 40px hsla(0, 0%, 0%, .1));
@@ -95,6 +97,12 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
     opacity: 0;
   }
 
+  .close {
+    position: absolute;
+    top: 1.5em;
+    right: 1em;
+  }
+
   div.section {
     clear: both;
     & > div {

h/sass/common.scss

@@ -99,14 +99,11 @@ label {
   &:hover { color: $linkColorHover; }
 }
 
+//This is a class that generates an x mark to close things.
 .close {
-  line-height: 0;
-  padding: .4em;
-  position: absolute;
-  top: 1.5em;
-  height: .6em;
-  width: .6em;
   @include icon("delete_1.png");
+  height: .9em;
+  width: .9em;
   opacity: .6;
 
   &:hover {