Improve Archive and All Questions empty states

frontend/src/metabase/components/EmptyState.jsx

@@ -15,7 +15,7 @@ const EmptyState = ({ title, message, icon, image, action, link }) =>
             <img src={`${image}.png`} height="250px" alt={message} srcSet={`${image}@2x.png 2x`} />
         }
         <div className="flex justify-center">
-            <h3 className="text-grey-2 mt4" style={{maxWidth: "350px"}}>{message}</h3>
+            <h3 className="text-grey-2 mt4" style={{maxWidth: "375px"}}>{message}</h3>
         </div>
         { action &&
             <Link to={link} className="Button Button--primary mt3" target={link.startsWith('http') ? "_blank" : ""}>{action}</Link>

frontend/src/metabase/questions/containers/EntityList.jsx

@@ -83,7 +83,7 @@ export default class EntityList extends Component {
       switch (this.props.name) {
         case 'All questions':
           return {
-            icon: '',
+            icon: 'all',
             message: 'No questions have been saved yet.'
           }
         case 'Recently viewed':
@@ -109,7 +109,7 @@ export default class EntityList extends Component {
         case 'Archive':
           return {
             icon: 'archive',
-            message: 'If you no longer need a question you can archive it.'
+            message: 'If you no longer need a question, you can archive it.'
           }
         default:
           return {