Use flexbox instead of floating to position the comment icon

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 924be765164f7cba37f5779d77277d1b9d66aedc..f8cd32438fc1a5e329de2fbca71b7aa3f00b87b2 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -791,7 +791,6 @@ tr.turn:hover {
   }
 
   .comments {
   }
 
   .comments {

-    float: right;

     color: $darkgrey;
   }
 
     color: $darkgrey;
   }
 


@@ -1101,18 +1100,6 @@ tr.turn:hover {
   width: 100%;
 }
 
   width: 100%;
 }
 

-.activity-details p {
-  margin-left: 70px;
-  margin-bottom: 0;
-}
-
-.dashboards-show {
-  .user_thumbnail {
-    margin-top: $lineheight/4;
-    float: left;
-  }
-}
-

 /* Rules for the user map */
 
 .content_map .leaflet-popup-content {
 /* Rules for the user map */
 
 .content_map .leaflet-popup-content {


@@ -1455,6 +1442,12 @@ img.user_thumbnail {
   margin-right: $lineheight;
 }
 
   margin-right: $lineheight;
 }
 

+img.user_thumbnail_no_margins {
+  max-width: 50px;
+  max-height: 50px;
+  border: 1px solid $grey;
+}
+

 img.user_thumbnail_tiny {
   width: auto;
   height: auto;
 img.user_thumbnail_tiny {
   width: auto;
   height: auto;