Fixed CSS for notifications

diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less
index 43e7a640867060297c137a3da4dae84f2cc241d7..8eec78dcb48186f4f7444f08d812b2931c97c638 100644 (file)
--- a/wcfsetup/install/files/style/button.less
+++ b/wcfsetup/install/files/style/button.less
@@ -8,6 +8,7 @@ input[type='button'],
        border-radius: 30px;
        border-style: solid;
        border-width: 1px;
+       cursor: pointer;
        display: inline-block;
        font-size: 100%;
        font-weight: bold;

diff --git a/wcfsetup/install/files/style/notification.less b/wcfsetup/install/files/style/notification.less
index d8a8aae89f3d021ef09157a0e647aeed82d64a1a..5d67862e07c004591a481f7991cbc230a0a84135 100644 (file)
--- a/wcfsetup/install/files/style/notification.less
+++ b/wcfsetup/install/files/style/notification.less
@@ -12,20 +12,23 @@ Be careful with the following classes!
 
 .userNotificationDetails {
        padding: @wcfGapSmall;
-       width: 250px - 2 * @wcfGapSmall;
+       width: 240px - 2 * @wcfGapSmall;
 
        section {
                border-top: 1px solid @wcfContainerBorderColor;
+               margin-top: @wcfGapTiny;
+               padding-top: @wcfGapMedium;
        }
        
        nav {
                border-top: 1px solid @wcfContainerBorderColor;
-               margin-top: @wcfGapSmall;
+               margin-top: @wcfGapMedium;
                padding-top: @wcfGapSmall;
                text-align: center;
                
                ul {
                        display: inline-block;
+                       float: none;
                }
        }
 }
@@ -34,38 +37,38 @@ Be careful with the following classes!
        font-size: 90%;
        overflow: hidden;
        position: relative;
-       width: 250px;
+       width: 240px;
        
        .scrollableItems {
                position: relative;
                width: 20000em;
-               
+
                > div {
-                       border-right: 1px solid @wcfContainerBorderColor;
-                       cursor: default;
                        float: left;
-                       width: 250px;
-               }
-       }
-       
-       > div:first-child {
-               ul {
-                       margin: 0;
-                       padding: 0;
+                       width: 240px;
                        
-                       li {
-                               border-top: 1px solid @wcfContainerBorderColor;
-                               cursor: pointer;
-                               padding: @wcfGapSmall;
+                       &:first-child {
+                               border-right: 1px solid @wcfContainerBorderColor;
+                               
+                               ul li {
+                                       border-top: 1px solid @wcfContainerBorderColor;
+                                       cursor: pointer;
+                                       display: inline-block;
+                                       overflow: hidden;
+                                       padding: @wcfGapSmall;
+                                       text-overflow: ellipsis;
+                                       white-space: nowrap;
+                                       width: 240px - 2 * @wcfGapSmall;
+       
+                                       &:first-child {
+                                               border-top-width: 0;
+                                       }
+                               }
                                
-                               &:first-child {
-                                       border-top-width: 0;
+                               p {
+                                       padding: @wcfGapSmall;
                                }
                        }
                }
-               
-               p {
-                       padding: 4px 14px;
-               }
        }
 }
\ No newline at end of file