Ticket #6582: 6582.2.diff

src/bp-core/admin/css/common-rtl.css

@@ -24 +24 @@
         text-align: center;
 }
 
+/* About Page - since 2.3.3 (WP 4.3) */
+
+.about-wrap .two-col > div {
+        position: relative;
+        width: 47.6%;
+        margin-left: 4.799999999%;
+        float: right;
+}
+
+.about-wrap [class$=col] .last-feature {
+        margin-left: 0;
+}
+
+.about-wrap .feature-list.finer-points h4, 
+.about-wrap .feature-list.finer-points p {
+        margin-right: 115px;
+}
+
+@media screen and ( max-width: 782px ) {
+        .about-wrap .two-col > div {
+                width: 100%;
+                margin: 30px 0 0;
+                padding: 0 0 30px;
+                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        }
+        body.dashboard_page_bp-about span.dashicons,
+        body.index_page_bp-about span.dashicons {
+                font-size: 55px;
+                line-height: 70px;
+                height: 70px;
+                width: 70px;
+        }
+        .about-wrap .feature-list h2 {
+          margin: 30px 0 0;
+          text-align: center;
+        }
+        .about-wrap .feature-list.finer-points h4, 
+        .about-wrap .feature-list.finer-points p {
+                margin-right: 90px;
+        }
+}
+
 /* User's Lists
 ------------------------------------------------------------------------------*/
 
@@ -417 +459 @@
         left: 0;
 }
 
+/* About Page - since 2.3.3 (WP 4.3) */
+
+@media only screen and (max-width: 500px) {
+        .about-wrap .bp-badge {
+                position: relative;
+                margin: 10px auto;
+                top: auto;
+                left: auto;
+        } 
+}
+
 /* HiDPI
 ------------------------------------------------------------------------------*/
 

src/bp-core/admin/css/common.css

@@ -24 +24 @@
         text-align: center;
 }
 
+/* About Page - since 2.3.3 (WP 4.3) */
+
+.about-wrap .two-col > div {
+        position: relative;
+        width: 47.6%;
+        margin-right: 4.799999999%;
+        float: left;
+}
+
+.about-wrap [class$=col] .last-feature {
+        margin-right: 0;
+}
+
+.about-wrap .feature-list.finer-points h4, 
+.about-wrap .feature-list.finer-points p {
+        margin-left: 115px;
+}
+
+@media screen and ( max-width: 782px ) {
+        .about-wrap .two-col > div {
+                width: 100%;
+                margin: 30px 0 0;
+                padding: 0 0 30px;
+                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        }
+        body.dashboard_page_bp-about span.dashicons,
+        body.index_page_bp-about span.dashicons {
+                font-size: 55px;
+                line-height: 70px;
+                height: 70px;
+                width: 70px;
+        }
+        .about-wrap .feature-list h2 {
+          margin: 30px 0 0;
+          text-align: center;
+        }
+        .about-wrap .feature-list.finer-points h4, 
+        .about-wrap .feature-list.finer-points p {
+                margin-left: 90px;
+        }
+}
+
 /* User's Lists
 ------------------------------------------------------------------------------*/
 
@@ -417 +459 @@
         right: 0;
 }
 
+/* About Page - since 2.3.3 (WP 4.3) */
+
+@media only screen and (max-width: 500px) {
+        .about-wrap .bp-badge {
+                position: relative;
+                margin: 10px auto;
+                top: auto;
+                right: auto;
+        } 
+}
+
 /* HiDPI
 ------------------------------------------------------------------------------*/