Merge pull request #125 from jedmund/fix-gridrep

Fix colors in GridRep and add to detailsWithUsername

components/GridRep/index.scss

@@ -117,8 +117,6 @@
     .bottom {
       display: flex;
       flex-direction: row;
-      color: $grey-55;
-      font-size: $font-small;
 
       a.user:hover {
         color: var(--link-text-hover);
@@ -130,6 +128,13 @@
       flex-grow: 1;
     }
 
+    .user,
+    .raid,
+    time {
+      color: $grey-55;
+      font-size: $font-small;
+    }
+
     .Properties {
       .full_auto {
         color: var(--full-auto-text);

components/GridRep/index.tsx

@@ -188,8 +188,17 @@ const GridRep = (props: Props) => {
           <h2 className={titleClass}>
             {props.name ? props.name : t('no_title')}
           </h2>
-          <div className={raidClass}>
+          <div className="Properties">
-            {props.raid ? props.raid.name[locale] : t('no_raid')}
+            <span className={raidClass}>
+              {props.raid ? props.raid.name[locale] : t('no_raid')}
+            </span>
+            {props.fullAuto ? (
+              <span className="full_auto">
+                {` · ${t('party.details.labels.full_auto')}`}
+              </span>
+            ) : (
+              ''
+            )}
           </div>
         </div>
         {account.authorized &&