fixed jot perms button to be less lame

diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index 0e930208a5cb29c79b89ed2e3154d7db71c20a00..d60e8adc22046589aa9b8c31f65818ba7a4984f1 100644 (file)
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -52,7 +52,7 @@
        <div id="profile-jot-submit-wrapper" style="display:none;padding-left: 400px;">
                <input type="submit" id="profile-jot-submit" name="submit" value="$share" />
                <div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" >
-            <a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon $lockstate" title="$permset"></a>$bang</div>
+            <a href="#profile-jot-acl-wrapper" id="jot-perms-icon" class="icon $lockstate sharePerms" title="$permset"></a>$bang</div>
        </div>
 
        <div id="profile-jot-plugin-wrapper" style="display: none;">

diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index d8544310b3723158e9d12c943d5b084bb2d7cb73..af59f87b112a80654610d72cfc5d6c4acab3fbae 100644 (file)
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -695,9 +695,10 @@ ul .sidebar-group-li img{
 }
 
 #profile-jot-perms {
+       width: 30px;
        overflow: hidden;
        border: 0px;
-       margin-left:10px;
+       margin-left:5px;
 }
 
 #jot-perms-perms .icon {
@@ -706,9 +707,10 @@ ul .sidebar-group-li img{
 
 #profile-jot-submit {
        float: left;
-       margin-right: 10px;
+       margin-right:5px;
        border: 0px;
        margin-top: 0px;
+       margin-left: -30px;
 }
 
 #profile-jot-perms:hover, #profile-jot-submit:hover {
@@ -2756,6 +2758,7 @@ margin-left: 90px;
 }
 
 .event-list-date {
+       color: #626262;
        margin-bottom: 10px;
        font-variant:small-caps;
        font-stretch:condensed;
@@ -3084,6 +3087,14 @@ tr {
        height: 20px;
 }
 
+.sharePerms {
+       background-image: url(icons.png);
+       width: 20px;
+       height: 20px;
+       margin: 2px 0px 2px 3px;
+       display: block;
+}
+
 .video                 { background-position: -110px -40px;}
 .youtube       { background-position: -130px -40px;}