From f4bdf17c4af2e324f178e9d3557662b9fa1cc7c5 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Wed, 13 Jul 2011 10:21:34 -0700
Subject: [PATCH] expand hoverhard a few pixels to suit the longest aspect
 names

---
 public/stylesheets/sass/hovercard.sass | 74 ------------------------
 public/stylesheets/sass/hovercard.scss | 80 ++++++++++++++++++++++++++
 2 files changed, 80 insertions(+), 74 deletions(-)
 delete mode 100644 public/stylesheets/sass/hovercard.sass
 create mode 100644 public/stylesheets/sass/hovercard.scss

diff --git a/public/stylesheets/sass/hovercard.sass b/public/stylesheets/sass/hovercard.sass
deleted file mode 100644
index 34293614e..000000000
--- a/public/stylesheets/sass/hovercard.sass
+++ /dev/null
@@ -1,74 +0,0 @@
-@import 'mixins'
-
-#hovercard
-  @include border-radius(2px)
-  @include box-shadow(0,0,5px,#666)
-
-  :position relative
-
-  .avatar
-    :position relative
-    :height 70px 
-    :width 70px 
-    :margin
-      :right 10px
-      :left 0
-    :top 0 !important
-
-  :background
-    :color $background
-
-  :height 70px
-
-  :padding 5px
-    :bottom 25px
-
-  :border 1px solid #999
-  :width 220px
-
-  h4
-    :margin
-      :bottom 10px
-  a
-    :color $blue
-    :font
-      :weight bold !important
-
-  .hovercard_footer
-    :position absolute
-    :bottom 0
-    :left 0
-    :background
-      :color #eee
-    :width 100%
-
-    :min-height 19px
-
-    :font
-      :size smaller
-
-    :border
-      :top 1px solid #ccc
-
-    .footer_container
-      :padding 1px 5px
-
-      .hashtags
-        :overflow hidden
-        :white-space nowrap
-        :text-overflow ellipsis
-
-      a
-        :color #999
-        :margin
-          :right 4px
-        :font
-          :weight normal
-
-#hovercard_container
-  :padding 10px
-    :top 5px
-  :position absolute
-  :display none
-  :z-index 10
-
diff --git a/public/stylesheets/sass/hovercard.scss b/public/stylesheets/sass/hovercard.scss
new file mode 100644
index 000000000..b5a6f7949
--- /dev/null
+++ b/public/stylesheets/sass/hovercard.scss
@@ -0,0 +1,80 @@
+@import "mixins";
+
+#hovercard {
+  @include border-radius(2px);
+  @include box-shadow(0, 0, 5px, #666666);
+
+  position: relative;
+  background-color: $background;
+  height: 70px;
+  border: 1px solid #999999;
+
+  .avatar {
+    position: relative;
+    height: 70px;
+    width: 70px;
+    top: 0 !important;
+
+    margin: {
+      right: 10px;
+      left: 0;
+    }
+  }
+
+  padding: 5px {
+    bottom: 25px;
+  };
+
+
+  h4 {
+    margin-bottom: 10px;
+  }
+
+  a {
+    color: $blue;
+    font-weight: bold !important;
+  }
+
+  .hovercard_footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    background-color: #eeeeee;
+
+    width: 100%;
+    min-height: 19px;
+
+    font-size: smaller;
+
+    border-top: 1px solid #cccccc;
+
+    .footer_container {
+      padding: 1px 5px;
+
+      .hashtags {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+
+      a {
+        color: #999999;
+        margin-right: 4px;
+        font-weight: normal;
+      }
+    }
+  }
+}
+
+#hovercard_container {
+  position: absolute;
+  display: none;
+  z-index: 10;
+
+  min-width: 250px;
+  max-width: 300px;
+
+  padding: 10px {
+    top: 5px;
+  }
+}