Bug 1733473: Make the modern theme friend block large icon be square

As the icons on the friend request page are square so will now match

behatnotneeded

Change-Id: I2cf164f0f85a12bc99ce5874fd38be21acdfa6ea
Signed-off-by: Robert Lyon <robertl@catalyst.net.nz>

htdocs/theme/modern/sass/components/_user-icon.scss

@@ -2,8 +2,7 @@ a.user-icon {
   border: none;
   padding: 0;
   background: none;
-  border-radius: 50%;
-  
+
   img {
       border-radius: 50%;
       border: 0px solid #FFF;
@@ -11,4 +10,13 @@ a.user-icon {
   &:hover {
     background-color: transparent;
   }
+  &.user-icon-larger img {
+    border-radius: 3px;
+    background-color: #fff;
+    padding: 5px;
+    display: table;
+    border: 1px solid #ddd;
+    overflow: hidden;
+    position: relative;
+  }
 }