UI: change button icon and text

* smaller action buttons
* match record request link to the one in modal
* increase size of community icon

Author: carlinmack

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/ManageDefaultBrandingAction/ManageDefaultBrandingAction.js

@@ -57,7 +57,7 @@ export class ManageDefaultBrandingAction extends Component {
       <Popup
         trigger={
           <Button
-            size="tiny"
+            size="mini"
             labelPosition="left"
             icon="paint brush"
             floated="right"
@@ -81,7 +81,7 @@ export class ManageDefaultBrandingAction extends Component {
       <Popup
         trigger={
           <Button
-            size="tiny"
+            size="mini"
             labelPosition="left"
             icon="paint brush"
             floated="right"
@@ -111,7 +111,7 @@ export class ManageDefaultBrandingAction extends Component {
         negative
         floated="right"
         className="community-branding-error"
-        size="tiny"
+        size="mini"
       >
         {error}
       </Message>

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RecordCommunitiesList.js

@@ -11,7 +11,6 @@ import PropTypes from "prop-types";
 import React, { Component } from "react";
 import { Image } from "react-invenio-forms";
 import {
-  Button,
   Grid,
   Item,
   Message,
@@ -63,10 +62,10 @@ export class RecordCommunitiesList extends Component {
           return (
             <Grid key={community.id}>
               <Grid.Row verticalAlign="middle">
-                <Grid.Column width={2}>
+                <Grid.Column width={3}>
                   <Image wrapped size="mini" src={community.links.logo} alt="" />
                 </Grid.Column>
-                <Grid.Column width={viewRequest ? 8 : 14}>
+                <Grid.Column width={13} className="pl-0">
                   <Item.Content>
                     <Item.Header className="ui">
                       <Header as="a" href={community.links.self_html} size="small">
@@ -97,27 +96,28 @@ export class RecordCommunitiesList extends Component {
                           </a>
                         </HeaderSubheader>
                       )}
+                      {viewRequest && (
+                        <div>
+                          <small>
+                            <b>
+                              <a
+                                // building request link as the self_html of the request is
+                                // /requests/<uuid> which doesn't resolve as missing
+                                // /communities/ or /me/. We prefer /communities/ here
+                                href={`${community.links.self_html}requests/${
+                                  recordRequests[community.id]
+                                }`}
+                              >
+                                <Icon name="discussions" className="mr-5" />
+                                {i18next.t("View comments")}
+                              </a>
+                            </b>
+                          </small>
+                        </div>
+                      )}
                     </Item.Header>
                   </Item.Content>
                 </Grid.Column>
-                {viewRequest && (
-                  <Grid.Column width={6}>
-                    <Button
-                      basic
-                      compact
-                      size="mini"
-                      floated="right"
-                      icon="eye"
-                      content={i18next.t("Request")}
-                      // building request link as the self_html of the request is
-                      // /requests/<uuid> which doesn't resolve as missing
-                      // /communities/ or /me/. We prefer /communities/ here
-                      href={`${community.links.self_html}requests/${
-                        recordRequests[community.id]
-                      }`}
-                    />
-                  </Grid.Column>
-                )}
               </Grid.Row>
             </Grid>
           );

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/landing_page/RemoveFromCommunity/RemoveFromCommunityAction.js

@@ -91,7 +91,7 @@ export class RemoveFromCommunityAction extends Component {
     return (
       <>
         <Button
-          size="tiny"
+          size="mini"
           negative
           labelPosition="left"
           icon="trash"