Change for container divs to container-lg (#813)

* Change for container divs to container-lg

* Apply container-lg to footer.tsx

src/shared/components/app/footer.tsx

@@ -16,7 +16,7 @@ export class Footer extends Component<FooterProps, any> {
 
   render() {
     return (
-      <nav className="container navbar navbar-expand-md navbar-light navbar-bg p-3">
+      <nav className="container-lg navbar navbar-expand-md navbar-light navbar-bg p-3">
         <div className="navbar-collapse">
           <ul className="navbar-nav ml-auto">
             {this.props.site.version !== VERSION && (

src/shared/components/app/navbar.tsx

@@ -146,7 +146,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
   navbar() {
     return (
       <nav className="navbar navbar-expand-md navbar-light shadow-sm p-0 px-3">
-        <div className="container">
+        <div className="container-lg">
           {this.props.siteRes.site_view.match({
             some: siteView => (
               <NavLink

src/shared/components/app/no-match.tsx

@@ -13,7 +13,7 @@ export class NoMatch extends Component<any, any> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <h1>404</h1>
         {this.errCode && (
           <h3>

src/shared/components/community/communities.tsx

@@ -117,7 +117,7 @@ export class Communities extends Component<any, CommunitiesState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/community/community.tsx

@@ -283,7 +283,7 @@ export class Community extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.communityLoading ? (
           <h5>
             <Spinner large />

src/shared/components/community/create-community.tsx

@@ -56,7 +56,7 @@ export class CreateCommunity extends Component<any, CreateCommunityState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/home/admin-settings.tsx

@@ -104,7 +104,7 @@ export class AdminSettings extends Component<any, AdminSettingsState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/home/home.tsx

@@ -322,7 +322,7 @@ export class Home extends Component<any, HomeState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/home/instances.tsx

@@ -30,7 +30,7 @@ export class Instances extends Component<any, InstancesState> {
   render() {
     return this.state.siteRes.federated_instances.match({
       some: federated_instances => (
-        <div className="container">
+        <div className="container-lg">
           <HtmlTags
             title={this.documentTitle}
             path={this.context.router.route.match.url}

src/shared/components/home/legal.tsx

@@ -26,7 +26,7 @@ export class Legal extends Component<any, LegalState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/home/login.tsx

@@ -81,7 +81,7 @@ export class Login extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/home/setup.tsx

@@ -67,7 +67,7 @@ export class Setup extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <Helmet title={this.documentTitle} />
         <div className="row">
           <div className="col-12 offset-lg-3 col-lg-6">

src/shared/components/home/signup.tsx

@@ -127,7 +127,7 @@ export class Signup extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/modlog.tsx

@@ -640,7 +640,7 @@ export class Modlog extends Component<any, ModlogState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/person/inbox.tsx

@@ -171,7 +171,7 @@ export class Inbox extends Component<any, InboxState> {
       .ok()
       .map(a => `/feeds/inbox/${a}.xml`);
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/person/password-change.tsx

@@ -66,7 +66,7 @@ export class PasswordChange extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/person/profile.tsx

@@ -251,7 +251,7 @@ export class Profile extends Component<any, ProfileState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/person/registration-applications.tsx

@@ -113,7 +113,7 @@ export class RegistrationApplications extends Component<
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/person/reports.tsx

@@ -165,7 +165,7 @@ export class Reports extends Component<any, ReportsState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/person/settings.tsx

@@ -204,7 +204,7 @@ export class Settings extends Component<any, SettingsState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <>
           <HtmlTags
             title={this.documentTitle}

src/shared/components/person/verify-email.tsx

@@ -66,7 +66,7 @@ export class VerifyEmail extends Component<any, State> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/post/create-post.tsx

@@ -127,7 +127,7 @@ export class CreatePost extends Component<any, CreatePostState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/post/post.tsx

@@ -345,7 +345,7 @@ export class Post extends Component<any, PostState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         {this.state.loading ? (
           <h5>
             <Spinner large />

src/shared/components/private_message/create-private-message.tsx

@@ -119,7 +119,7 @@ export class CreatePrivateMessage extends Component<
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}

src/shared/components/search.tsx

@@ -390,7 +390,7 @@ export class Search extends Component<any, SearchState> {
 
   render() {
     return (
-      <div className="container">
+      <div className="container-lg">
         <HtmlTags
           title={this.documentTitle}
           path={this.context.router.route.match.url}