Prevent text wrapping to 3 lines

Author: axlewin

src/app/components/pages/Concepts.tsx

@@ -132,18 +132,16 @@ export const Concepts = withRouter((props: RouteComponentProps) => {
                     : <GenericConceptsSidebar {...sidebarProps} searchStages={searchStages} setSearchStages={setSearchStages} stageCounts={stageCounts}/>
                 }
                 <MainContent>
-                    {pageContext?.subject && <div className="d-flex align-items-center flex-wrap flex-md-nowrap my-3">
-                        <p className="me-3 mb-3">The concepts shown on this page have been filtered to only show those that are relevant to {getHumanContext(pageContext)}.</p>
-                        <div className="ms-auto mb-3">
-                            <AffixButton size="md" color="keyline" tag={Link} to="/concepts" className="text-nowrap"
-                                affix={{
-                                    affix: "icon-right",
-                                    position: "suffix",
-                                    type: "icon"
-                                }}>
+                    {pageContext?.subject && <div className="d-flex align-items-baseline flex-wrap flex-md-nowrap flex-lg-wrap flex-xl-nowrap mt-3">
+                        <p className="me-3">The concepts shown on this page have been filtered to only show those that are relevant to {getHumanContext(pageContext)}.</p>
+                        <AffixButton size="md" color="keyline" tag={Link} to="/concepts" className="ms-auto"
+                            affix={{
+                                affix: "icon-right",
+                                position: "suffix",
+                                type: "icon"
+                            }}>
                             Browse all concepts
-                            </AffixButton>
-                        </div>
+                        </AffixButton>
                     </div>}
                     {isPhy && <div className="list-results-container p-2 my-4">
                         <ShowLoadingQuery

src/app/components/pages/QuestionFinder.tsx

@@ -462,18 +462,16 @@ export const QuestionFinder = withRouter(({location}: RouteComponentProps) => {
                 {siteSpecific(
                     <div className="my-3">
                         {(pageContext?.subject && pageContext.stage)
-                            ? <div className="d-flex align-items-center flex-wrap flex-md-nowrap">
-                                <p className="me-3 mb-3">The questions shown on this page have been filtered to only show those that are relevant to {getHumanContext(pageContext)}.</p>
-                                <div className="ms-auto mb-3">
-                                    <AffixButton size="md" color="keyline" tag={Link} to="/questions" className="text-nowrap" style={{minWidth: "136px"}}
-                                        affix={{
-                                            affix: "icon-right",
-                                            position: "suffix",
-                                            type: "icon"
-                                        }}>
+                            ? <div className="d-flex align-items-baseline flex-wrap flex-md-nowrap flex-lg-wrap flex-xl-nowrap">
+                                <p className="me-3">The questions shown on this page have been filtered to only show those that are relevant to {getHumanContext(pageContext)}.</p>
+                                <AffixButton size="md" color="keyline" tag={Link} to="/questions" className="ms-auto"
+                                    affix={{
+                                        affix: "icon-right",
+                                        position: "suffix",
+                                        type: "icon"
+                                    }}>
                                     Browse all questions
-                                    </AffixButton>
-                                </div>
+                                </AffixButton>
                             </div>
                             : <>Use our question finder to find questions to try on topics in Physics, Maths, Chemistry and Biology.
                               Use our practice questions to become fluent in topics and then take your understanding and problem solving skills to the next level with our challenge questions.</>}