Fixed lists appearance on FF. #180

static/cranefly/css/cranefly.css

@@ -977,7 +977,7 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{color:#333;text-decoration:n
 .forum-threads-list{background-color:#fff;border:1px solid #d5d5d5;border-radius:2px;-webkit-box-shadow:0 0 0 3px #eee;-moz-box-shadow:0 0 0 3px #eee;box-shadow:0 0 0 3px #eee;margin-bottom:20px}.forum-threads-list .threads-list-empty{padding:28px 0;color:#999;font-size:26.25px;text-align:center}
 .forum-threads-list>ul{list-style:none;margin:0}.forum-threads-list>ul>li{border-bottom:1px solid #d5d5d5;padding:9.9px 0;overflow:auto}.forum-threads-list>ul>li .thread-icon{float:left;margin-bottom:-1px;height:22px;width:39.5px;font-size:22px;text-align:center}.forum-threads-list>ul>li .thread-icon a:link,.forum-threads-list>ul>li .thread-icon a:active,.forum-threads-list>ul>li .thread-icon a:visited,.forum-threads-list>ul>li .thread-icon a:hover{color:#d5d5d5;text-decoration:none}
 .forum-threads-list>ul>li .thread-body{margin:-9.9px 0;margin-left:39.5px;padding:9.9px 0}.forum-threads-list>ul>li .thread-body .thread-title{display:block}.forum-threads-list>ul>li .thread-body .thread-title a:link,.forum-threads-list>ul>li .thread-body .thread-title a:active,.forum-threads-list>ul>li .thread-body .thread-title a:visited,.forum-threads-list>ul>li .thread-body .thread-title a:hover{color:#555;font-size:17.5px}
-.forum-threads-list>ul>li .thread-body .thread-activity{float:right;list-style:none;margin:0;margin-top:-9.9px;padding:6px 0;padding-right:8px;overflow:auto;position:relative;top:1px;z-index:2}.forum-threads-list>ul>li .thread-body .thread-activity li{float:left;margin:0;margin-left:10px;padding:0}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-reported,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-moderated{position:relative;top:2px;color:#555;font-size:17.5px;font-weight:bold}
+.forum-threads-list>ul>li .thread-body .thread-activity{float:right;list-style:none;margin:0;margin-top:-9.9px;margin-bottom:-6px;padding:6px 0;padding-right:8px;overflow:auto;position:relative;top:1px;z-index:2}.forum-threads-list>ul>li .thread-body .thread-activity li{float:left;margin:0;margin-left:10px;padding:0}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-reported,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-moderated{position:relative;top:2px;color:#555;font-size:17.5px;font-weight:bold}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-reported{color:#cf402e}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies-moderated{color:#7a43b6}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-replies{position:relative;top:2px;color:#555;font-size:17.5px;font-weight:bold}
@@ -986,7 +986,7 @@ a.btn-link:hover,a.btn-link:active,a.btn-link:focus{color:#333;text-decoration:n
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-author,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster{position:relative;top:2px;color:#555;font-size:17.5px;font-weight:bold}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-author .user-avatar,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster .user-avatar{border-radius:3px;width:24px;height:24px;position:relative;bottom:2px}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-author a:link,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-author a:active,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-author a:visited,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-author a:hover{color:#049cdb}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster a:link,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster a:active,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster a:visited,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-poster a:hover{color:#cf402e}
-.forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag{color:#999;font-size:26px}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag.thread-moderated:hover{color:#7a43b6}
+.forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag{margin-bottom:-6px;color:#999;font-size:26px}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag.thread-moderated:hover{color:#7a43b6}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag.thread-closed:hover{color:#cf402e}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-flag.thread-deleted:hover{color:#333}
 .forum-threads-list>ul>li .thread-body .thread-activity li.thread-forum{margin-left:14px}.forum-threads-list>ul>li .thread-body .thread-activity li.thread-forum a:link,.forum-threads-list>ul>li .thread-body .thread-activity li.thread-forum a:visited{position:relative;top:2px;color:#999;font-size:17.5px}

static/cranefly/css/cranefly/forum.less

@@ -48,13 +48,13 @@
 
     .forum-icon {
       float: left;
-    	position: relative;
-    	bottom: 1px;
+      position: relative;
+      bottom: 1px;
       width: @forumIconSize * 1.5;
 
-    	color: @itemOldColor;
-    	font-size: @forumIconSize;
-    	text-align: center;
+      color: @itemOldColor;
+      font-size: @forumIconSize;
+      text-align: center;
 
       &.forum-icon-new {
         color: @itemNewColor;
@@ -65,8 +65,8 @@
       }
 
       .icon-comment, .icon-comment-alt {
-      	position: relative;
-      	bottom: 3px;
+        position: relative;
+        bottom: 3px;
       }
     }
 
@@ -306,248 +306,252 @@
   margin-bottom: @baseLineHeight;
 
   .threads-list-empty {
-  	padding: (@baseFontSize * 2) 0px;
+    padding: (@baseFontSize * 2) 0px;
 
-  	color: @grayLight;
-  	font-size: @fontSizeLarge * 1.5;
-  	text-align: center;
+    color: @grayLight;
+    font-size: @fontSizeLarge * 1.5;
+    text-align: center;
   }
 
   &>ul {
-  	list-style: none;
-  	margin: 0px;
-
-  	&>li {
-    	border-bottom: 1px solid @categoryBorder;
-			padding: (@fontSizeSmall - 2px) 0px;
-			overflow: auto;
-
-			.thread-icon {
-				float: left;
-				margin-bottom: -1px;
-				height: @threadIconSize;
-				width: @threadIconSize + @fontSizeLarge;
-
-				font-size: @threadIconSize;
-				text-align: center;
-
-				a:link, a:active, a:visited, a:hover{
-					color: @itemOldColor;
-					text-decoration: none;
-				}
-			}
-
-			.thread-body {
-				margin: ((@fontSizeSmall - 2px) * -1) 0px;
-				margin-left: @threadIconSize + @fontSizeLarge;
-				padding: (@fontSizeSmall - 2px) 0px;
-
-				.thread-title {
-					display: block;
-
-					a:link, a:active, a:visited, a:hover {
-						color: @gray;
-						font-size: @fontSizeLarge;
-					}
-				}
-
-				.thread-activity {
-					float: right;
-					list-style: none;
-					margin: 0px;
-					margin-top: (@fontSizeSmall - 2px) * -1;
-					padding: 6px 0px;
-					padding-right: 8px;
-					overflow: auto;
-					position: relative;
-					top: 1px;
-					z-index: 2;
-
-					li {
-						float: left;
-						margin: 0px;
-						margin-left: 10px;
-						padding: 0px;
-
-						&.thread-replies,
-						&.thread-replies-reported,
-						&.thread-replies-moderated {
-							position: relative;
-							top: 2px;
-
-							color: @gray;
-							font-size: @fontSizeLarge;
-							font-weight: bold;
-						}
-
-						&.thread-replies-reported {
-							color: @red;
-						}
-
-						&.thread-replies-moderated {
-							color: @purple;
-						}
-
-						&.thread-replies {
-							position: relative;
-							top: 2px;
-
-							color: @gray;
-							font-size: @fontSizeLarge;
-							font-weight: bold;
-						}
-
-						&.thread-last-reply {
-							position: relative;
-							top: 2px;
-
-							a:link, a:visited {
-								color: @grayLight;
-								font-size: @fontSizeLarge;
-								font-weight: bold;
-							}
-
-							a:hover, a:active {
-								color: @textColor;
-							}
-						}
-
-						&.thread-author, &.thread-poster {
-							position: relative;
-							top: 2px;
-
-							color: @gray;
-							font-size: @fontSizeLarge;
-							font-weight: bold;
-
-							.user-avatar {
-								border-radius: @baseBorderRadius;
-								width: 24px;
-								height: 24px;
-								position: relative;
-								bottom: 2px;
-							}
-						}
-
-						&.thread-author {
-							a:link, a:active, a:visited, a:hover {
-								color: @blue;
-							}
-						}
-
-						&.thread-poster {
-							a:link, a:active, a:visited, a:hover {
-								color: @itemNewColor;
-							}}
-
-						&.thread-flag {
-							color: @grayLight;
-							font-size: 26px;
-
-							&.thread-moderated {
-								&:hover {
-									color: @purple;
-								}
-							}
-
-							&.thread-closed {
-								&:hover {
-									color: @red;
-								}
-							}
-
-							&.thread-deleted {
-								&:hover {
-									color: @grayDark;
-								}
-							}
-						}
-
-						&.thread-forum {
-							margin-left: @baseFontSize;
-
-							a:link, a:visited {
-								position: relative;
-								top: 2px;
-
-								color: @grayLight;
-								font-size: @fontSizeLarge;
-							}
-
-							a:hover, a:active {
-								color: @textColor;
-							}
-						}
-
-						&.thread-select {
-							label {
-								border-radius: @baseBorderRadius;
-								display: inline-block;
-								margin: 0px;
-								margin-bottom: -5px;
-								padding-right: 3px;
-								padding-bottom: 4px;
-
-								&:hover {
-									background-color: @grayLighter;
-								}
-
-								&:active {
-									background-color: @red;
-								}
-
-								input {
-									margin-top: 6px;
-									position: relative;
-									left: 6px;
-								}
-							}
-						}
-					}
-				}
-
-				.thread-details {
-					float: left;
-  				list-style: none;
-					margin: 0px;
-					padding: 0px;
-
-					li {
-						float: left;
-						margin-right: @baseFontSize / 2;
-
-						color: @grayLight;
-						font-size: @fontSizeSmall;
-
-						a:link, a:visited {
-							color: @gray;
-						}
-
-						a:hover, a:active {
-							color: @textColor;
-						}
-					}
-				}
-			}
-
-			&.thread-new {
-				.thread-icon {
-					a:link, a:active, a:visited, a:hover {
-						color: @itemNewColor;
-					}
-				}
-
-				.thread-title {
-					&:link, &:active, &:visited, &:hover {
-						color: @textColor;
-					}
-				}
-			}
-  	}
-
-  	&>li:last-child {
-  		border-bottom: none;
-  	}
+    list-style: none;
+    margin: 0px;
+
+    &>li {
+      border-bottom: 1px solid @categoryBorder;
+      padding: (@fontSizeSmall - 2px) 0px;
+      overflow: auto;
+
+      .thread-icon {
+        float: left;
+        margin-bottom: -1px;
+        height: @threadIconSize;
+        width: @threadIconSize + @fontSizeLarge;
+
+        font-size: @threadIconSize;
+        text-align: center;
+
+        a:link, a:active, a:visited, a:hover{
+          color: @itemOldColor;
+          text-decoration: none;
+        }
+      }
+
+      .thread-body {
+        margin: ((@fontSizeSmall - 2px) * -1) 0px;
+        margin-left: @threadIconSize + @fontSizeLarge;
+        padding: (@fontSizeSmall - 2px) 0px;
+
+        .thread-title {
+          display: block;
+
+          a:link, a:active, a:visited, a:hover {
+            color: @gray;
+            font-size: @fontSizeLarge;
+          }
+        }
+
+        .thread-activity {
+          float: right;
+          list-style: none;
+          margin: 0px;
+          margin-top: (@fontSizeSmall - 2px) * -1;
+          margin-bottom: -6px;
+          padding: 6px 0px;
+          padding-right: 8px;
+          overflow: auto;
+          position: relative;
+          top: 1px;
+          z-index: 2;
+
+          li {
+            float: left;
+            margin: 0px;
+            margin-left: 10px;
+            padding: 0px;
+
+            &.thread-replies,
+            &.thread-replies-reported,
+            &.thread-replies-moderated {
+              position: relative;
+              top: 2px;
+
+              color: @gray;
+              font-size: @fontSizeLarge;
+              font-weight: bold;
+            }
+
+            &.thread-replies-reported {
+              color: @red;
+            }
+
+            &.thread-replies-moderated {
+              color: @purple;
+            }
+
+            &.thread-replies {
+              position: relative;
+              top: 2px;
+
+              color: @gray;
+              font-size: @fontSizeLarge;
+              font-weight: bold;
+            }
+
+            &.thread-last-reply {
+              position: relative;
+              top: 2px;
+
+              a:link, a:visited {
+                color: @grayLight;
+                font-size: @fontSizeLarge;
+                font-weight: bold;
+              }
+
+              a:hover, a:active {
+                color: @textColor;
+              }
+            }
+
+            &.thread-author, &.thread-poster {
+              position: relative;
+              top: 2px;
+
+              color: @gray;
+              font-size: @fontSizeLarge;
+              font-weight: bold;
+
+              .user-avatar {
+                border-radius: @baseBorderRadius;
+                width: 24px;
+                height: 24px;
+                position: relative;
+                bottom: 2px;
+              }
+            }
+
+            &.thread-author {
+              a:link, a:active, a:visited, a:hover {
+                color: @blue;
+              }
+            }
+
+            &.thread-poster {
+              a:link, a:active, a:visited, a:hover {
+                color: @itemNewColor;
+              }
+            }
+
+            &.thread-flag {
+              margin-bottom: -6px;
+
+              color: @grayLight;
+              font-size: 26px;
+
+              &.thread-moderated {
+                &:hover {
+                  color: @purple;
+                }
+              }
+
+              &.thread-closed {
+                &:hover {
+                  color: @red;
+                }
+              }
+
+              &.thread-deleted {
+                &:hover {
+                  color: @grayDark;
+                }
+              }
+            }
+
+            &.thread-forum {
+              margin-left: @baseFontSize;
+
+              a:link, a:visited {
+                position: relative;
+                top: 2px;
+
+                color: @grayLight;
+                font-size: @fontSizeLarge;
+              }
+
+              a:hover, a:active {
+                color: @textColor;
+              }
+            }
+
+            &.thread-select {
+              label {
+                border-radius: @baseBorderRadius;
+                display: inline-block;
+                margin: 0px;
+                margin-bottom: -5px;
+                padding-right: 3px;
+                padding-bottom: 4px;
+
+                &:hover {
+                  background-color: @grayLighter;
+                }
+
+                &:active {
+                  background-color: @red;
+                }
+
+                input {
+                  margin-top: 6px;
+                  position: relative;
+                  left: 6px;
+                }
+              }
+            }
+          }
+        }
+
+        .thread-details {
+          float: left;
+          list-style: none;
+          margin: 0px;
+          padding: 0px;
+
+          li {
+            float: left;
+            margin-right: @baseFontSize / 2;
+
+            color: @grayLight;
+            font-size: @fontSizeSmall;
+
+            a:link, a:visited {
+              color: @gray;
+            }
+
+            a:hover, a:active {
+              color: @textColor;
+            }
+          }
+        }
+      }
+
+      &.thread-new {
+        .thread-icon {
+          a:link, a:active, a:visited, a:hover {
+            color: @itemNewColor;
+          }
+        }
+
+        .thread-title {
+          &:link, &:active, &:visited, &:hover {
+            color: @textColor;
+          }
+        }
+      }
+    }
+
+    &>li:last-child {
+      border-bottom: none;
+    }
   }
 
   .threads-actions {