Hello
Well, it took me some time to investigate the new 2016-06 format of ASC (Japanese etc). It is really annoying...
You'll find my current draft CSS below. For better maintainablility, I made new CSS file derived from the previous for 2014-06 format. THREAD CONTENT VIEW section has been considerably reworked. It may contain useless residues from the previous, for I have not yet cleaned it seriously.
By the way, the Q mark in question is placed in a strange way using negative box offset (left: -60px), that would be the reason why it does not behave well in your settings.
Relevant rules in riginal CSS:
.j-thread #body-apple .j-thread-post section.j-original-message h1 {
max-width: 860px;
margin: 0px auto 30px; /* <-- left margin is auto, which may be problematic in variable width environment */
}
.j-thread .jive-content .j-thread-post section.j-original-message h1 .q-marker {
position: absolute;
top: 0px;
left: -60px; /* <-- negative box offset for left side */
font-size: 55px;
font-weight: 200;
line-height: 1em;
}
which I have adjusted as follows:
.j-thread-post section.j-original-message h1 {
max-width: inherit !important;;
margin: 0px 60px 20px 60px !important;;
}
.j-original-message h1 .q-marker {
left: -60px !important;
font-size: 32px !important;
}
---
Here's my draft. Please feel free to modify, adapt and reuse this as you see fit.
/*
custom styles for Apple Support Communities board system introduced in 2016-06 (v0.10d)
written by Hiroto, 2016-06
*/
@-moz-document
domain(communities.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------------------------------------------------------
BODY
*/
body.j-body-welome, /* Welcome */
body.j-body-place, /* Community */
body.j-body-yourwork, /* Content */
body.j-body-home, /* Activity */
body.j-body-yourconnections, /* People */
body.j-body-preferences, /* Preferences */
body.jive-body-content, /* Thread */
body.jive-body-search, /* Search */
body.jive-view-profile /* Profile */
{
background: white !important;
}
body {
background: white;
min-width: 0px !important;
}
#body-apple {
width: 100% !important;
min-width: 0px !important;
}
#globalheader { display: none !important; }
#global-nav-wrapper {display: none !important; }
#globalfooter,
#globaldisclaimer { width: 80% !important; }
/* ------------------------------------------------------------------------------------------------
TEXT
*/
body { /* NEW */
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
}
body * { /* NEW */
/* font-size: inherit !important; */
font-weight: inherit !important;
line-height: inherit !important;
}
/* ------------------------------------------------------------------------------------------------
ASC HEADER, FOOTER AREA
*/
#j-header,
#j-compact-header,
#j-footer { width: 100% !important; }
/* navigation header (Apple Support Communities ...) */
#j-header-wrap {
padding: 0px 40px !important;
margin: 0px 0px 15px !important;
}
#j-globalNav-bg {
padding: 0pX !important;
margin: 0px !important;
width: auto !important; /* NEW */
}
#j-satNav { overflow: visible !important; }
#j-header-wrap { margin-bottom: 50px !important; } /* NEW */
#apple-full-header { margin: 10px 0px 0px !important; } /* NEW */
#second-row { /* NEW */
padding-top: 25px !important;
height: 30px !important;
}
#jive-alert { /* NEW */
width: auto !important;
max-width: inherit !important;
margin: -20px 40px 10px !important;
}
.j-thread #jive-alert { /* NEW */
margin: -50px 40px 10px !important;
}
.jive-body-formpage.j-thread #jive-alert { /* NEW */
margin: -30px 40px 10px !important;
}
#jive-breadcrumb { /* NEW */
width: auto !important;
margin-right: 40px !important;
position: relative !important;
}
.j-js-footer-wrap { /* NEW */
width: auto !important;
min-width: 0px !important;
}
footer#j-footer { /* NEW */
width: auto !important;
min-width: 0px !important;
}
/* ------------------------------------------------------------------------------------------------
ASC TOP PAGE
*/
.j-body-welcome #jive-alert { margin: 0px 40px !important; }
.j-body-welcome .hero-container img { width: auto !important; }
.j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
text-align: center !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.apple-communities {
display: inline-block !important;
width: auto !important;
text-align: left !important;
}
/* ------------------------------------------------------------------------------------------------
THREAD LIST BROWSER
*/
/* ------------------
community overview
*/ /* NEW */
.category-latest .category-latest-container .category-latest-row {
margin: 0px !important;
padding: 5px 0px !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-metadata {
margin: 5px 0px !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-title a {
font-size: 110% !important;
font-weight: 500 !important;
color: rgb(0, 136, 204) !important;
}
.category-latest .category-latest-container .category-latest-row:nth-child(odd) {
background: rgb(247, 247, 247) !important;
}
.category-latest .category-latest-container .category-latest-row .read-full {
display: none !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
margin: 0px 70px 10px 0px !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
width: 128px !important;
height: 128px !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
padding: 5px 0px !important;
font-size: 20px !important;
}
/* ------------------ */
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* thread list view column widths */
.j-browse-details .j-td-title { max-width: none !important; }
.j-browse-details .j-td-date {
width: auto !important;
max-width: 20% !important;
}
/* ------------------
Hide Like and Bookmark columns in thread list view.
*/
/* ------------------ (currently commented out)
.j-browse-details .j-td-likes,
.j-browse-details .j-td-bookmarks { display: none !important; }
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
------------------ */
/* user name link */
.jive-username-link { text-transform: none !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 2px !important; } /* CHANGED */
/* threads list view left most icon */
.j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; } /* NEW */
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* thumbnail view list item margin */
.j-browse-content .j-thumb-view > li,
.j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
/* thumbnail view article font size */ /* NEW */
.j-thumb article { font-size: inherit !important; }
/* thunbnail view article header height */ /* NEW */
.j-content-thumb header { height: 22px !important; }
/* thumbnail view article height */ /* NEW */
.j-browse-content .j-content-thumb article { height: 120px !important; }
/* thumbnail view footer */ /* NEW */
.j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple header, subheader row ("Find helpful contents..." etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 40px 15px !important;
margin-bottom: 15px !important;
}
#apple-full-header h2,
#apple-activity-header h2 { padding: 0px 40px !important; }
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* pagenation */ /* NEW */
.j-pagination-prevnext > .j-pagination-prev,
.j-pagination-prevnext > .j-pagination-next { font-size: 0px !important; }
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types { width: 90% !important; }
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
.touchcarousel .tc-paging-container { width: 90% !important; }
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
Treatment for narrow window
Method 1 (minimum optimisation)
Adjust thread list table's shift and margin to maximize its width.
*/
/* ------------------ (currently active) */
.j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
.j-layout-sl.j-browse-content .j-column-l { margin-left: 166px !important; }
.j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }
/* ------------------ */
/* ------------------
Treatment for narrow window
Method 2 (more beneficial to narrow window but has disadvantage for wide window)
Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
otherwise it is displayed below or above it (depending upon its document tree order).
* sidebar width (constant) = 166px
* thread table max width = 1019px
* canvas margin-left = 40px
* canvas margin-right = 40px
---------------------------------------
* total = 1265px
*/
/* ------------------ (currently commented out) */
/*
.j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
.j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-content .j-column-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }
*/
/* ------------------ */
/* ------------------
Swap left-right positions of thread list table and sidebar ui (filters & actions)
*/
/* let thread list table float left */
.j-layout-sl.j-browse-content .j-column-wrap-l,
.j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
/* let sidebar ui float right */
.j-layout-sl.j-browse-content .j-column-s,
.j-layout-sl.j-browse-places .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------
leader board
*/
/* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
/*
.jive-widget-leaderboardwidget {display: none !important; }
*/
.jive-widget-leaderboardwidget { max-width: 1000px !important; }
.jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
.jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
.jive-widget-leaderboardwidget .top-member-username,
.jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
.jive-widget-leaderboardwidget .user-level-points {
font-size: 18px !important;
margin: 14px 0px !important;
width: 60px !important;
height: 30px !important;
padding: 8px 0px 0px !important;
}
.jive-widget-leaderboardwidget .top-member-profile-info > a {
border-radius: 0% !important;
width: 60px !important;
height: 60px !important;
}
.jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
/* ------------------ */
/* article list
.j-rc5 is used to identify this list
e.g., https://discussions.apple.com/article/HT1939 */
.j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
/* ------------------------------------------------------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread message */ /* NEW */
.j-thread .jive-content .j-thread-post .jive-rendered-content {
font-size: inherit !important;
}
.j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
.j-thread #body-apple #helpful-container,
.j-thread #body-apple .j-thread-post > header .j-post-author,
.j-thread #body-apple .thread-container-wrapper,
.j-thread #body-apple .all-replies-container,
.j-thread #body-apple #j-main #jive-breadcrumb,
.j-thread #body-apple .addReply,
.j-thread #body-apple #jive-body-intro-content {
max-width: inherit !important;
margin: 10px 40px !important;
}
.j-inresponse-to {
font-size: inherit !important;
}
.j-thread .jive-content .j-thread-post > header,
.j-thread .jive-content .j-thread-post > h3.header {
margin: 15px 0px 10px 0px !important;
}
/* thread original messeage (question) */ /* NEW */
.j-thread-post section.j-original-message {
margin: 0px 30px !important;
padding: 15px 10px !important;
border-style: dotted !important;
border-width: thin !important;
background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
}
.j-thread-post section.j-original-message h1 {
max-width: inherit !important;;
margin: 0px 60px 20px 60px !important;;
}
.j-thread-post section.j-original-message .jive-rendered-content {
max-width: inherit !important;;
margin: 0px 25px !important;;
}
/* original poster profile header */
.j-thread .jive-content .j-thread-post > header.js-original-header {
max-width: inherit !important;
margin: 0px 40px !important;
padding: 5px !important;
}
.j-thread-post section .thread-actions {
max-width: inherit !important;
margin: 0px 25px !important;
}
.j-original-message .jive-rendered-content p {
font-size: inherit !important;
}
.meta-posted {
max-width: inherit !important;
margin: 10px 25px 20px !important;
}
/* Q mark */
.j-original-message h1 .q-marker {
left: -60px !important;
font-size: 32px !important;
}
/* answer rollup */ /* NEW */
.j-answer-rollup.span-full-width {
background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
padding-bottom: 10px !important;
margin: 20px 0px 0px 0px !important;
border: 1px solid rgb(45, 184, 71) !important;
}
.j-inline-correct-answer {
padding: 0px !important;
max-width: inherit !important;
margin: 0px 10px !important;
}
.j-inline-correct-answer section {
margin: 10px 0px !important;
}
/* A mark */
.j-inline-correct-answer .answer-marker {
left: 0px !important;
font-size: 32px !important;
}
/* persistent question shown at top */ /* NEW */
.persist-question.persist { display: none !important; }
/* Solved and Helpful marker text */ /* NEW */
.j-thread-post header .j-correct-text,
.j-thread-post h3.header .j-correct-text,
.j-thread-post header .j-helpful-text,
.j-thread-post h3.header .j-helpful-text {
font-size: 22px !important;
background: none repeat scroll 0% 0% transparent !important;
border-style: none !important;
margin: 0px !important;
padding: 10px !important;
}
/* thread content */
.j-thread .jive-content { margin: 0px 10px 0px 10px !important; } /* CHANGED */
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread message border */ /* NEW */
.jive-discussion-replies li.reply .jive-thread-message {
border-style: dotted !important;
border-width: thin !important;
}
/* orgininal poster comment background */ /* NEW */
.original-poster-comment {
background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
}
/* pagenation */ /* NEW */
.j-thread .jive-thread-messages .j-pagination {
margin: 30px 0px !important;
}
/* promoted helpful answer and prompted recommended answer */ /* NEW */
.j-inline-promoted-helpful-answer,
.j-inline-recommended-answer {
background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
padding: 15px 10px 5px 10px !important;
margin: 0px 10px 15px 10px !important;
border-style: dotted !important;
border-width: thin !important;
}
.j-inline-promoted-helpful-answer p {
margin: 0px !important;
}
.j-inline-promoted-helpful-answer header .reply-date,
.j-inline-promoted-helpful-answer h3.header .reply-date,
.j-inline-recommended-answer header .reply-date,
.j-inline-recommended-answer h3.header .reply-date {
font-size: inherit !important;
margin: 10px 0px !important;
}
.j-inline-promoted-helpful-answer header .j-helpful-text,
.j-inline-promoted-helpful-answer h3.header .j-helpful-text,
.j-inline-recommended-answer header .j-helpful-text,
.j-inline-recommended-answer h3.header .j-helpful-text {
font-size: 22px !important;
background: none repeat scroll 0% 0% transparent !important;
border-style: none !important;
margin: 0px !important;
}
.j-inline-promoted-helpful-answer section .reply-body,
.j-inline-recommended-answer section .reply-body {
font-size: inherit !important;
margin-bottom: 20px !important;
}
.j-inline-promoted-helpful-answer section,
.j-inline-recommended-answer section {
padding: 0px 20px !important;
}
#helpful-container { padding-top: 0px !important; }
#helpful-container hr { margin: 10px !important; }
#helpful-container .more-answers { margin: 0px !important; }
#helpful-container .more-answers * { font-size: 24px !important; }
/* inline correct answer, helpful answer background */ /* NEW */
div[itemprop="acceptedAnswer"] {
background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
}
.j-thread .jive-content.j-helpful,
.j-thread .jive-content.j-helpful.j-op {
background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
}
/* switch between 'hellpful replies only' and 'all replies' */ /* NEW */
.jive-thread-messages .helpful-all-switch * {
font-size: 24px !important;
}
.jive-thread-messages .helpful-all-switch li.inactive {
padding: 0px !important;
top: 32px !important;
}
.jive-thread-messages .helpful-all-switch li.inactive span.menu {
width: auto !important;
min-width: 160px !important;
padding: 5px !important;
text-align: center !important;
}
/* thread content footer profile */ /* NEW */
.j-thread-post section.j-original-message footer .footer-profile {
margin-right: 10px !important;
}
.j-thread-post footer .footer-profile {
margin-right: -10px !important;
}
.j-thread-post footer .footer-profile .j-status-level {
padding: 0px 10px 0px 0px !important;
}
.j-thread-post footer .footer-profile .username,
.j-thread-post footer .footer-profile .jive-username-link {
padding: 0px 10px 0px 10px !important;
}
.j-inline-correct-answer footer .footer-profile .j-status-levels,
.j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
.j-inline-recommended-answer footer .footer-profile .j-status-levels {
padding: 0px 10px 0px 0px !important;
}
.j-inline-correct-answer footer .footer-profile .username,
.j-inline-promoted-helpful-answer footer .footer-profile .username,
.j-inline-recommended-answer footer .footer-profile .username {
padding: 0px 10px 0px 10px !important;
}
/* text wrap in header */
.j-thread-post > header .j-post-author { white-space: normal !important; }
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community | Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* related articles */
.apple-sidebar-property {
width: auto !important;
padding-left: 0px !important;
}
.jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
/* ------------------
staus level, expertise, level points
*/
/* status level expertise tile */
.j-status-level.expertise-tile,
.status-tile.expertise-tile { display: none !important; }
/* status level level points */
.j-status-level .level-points span { display: inherit !important; }
.j-status-level .level-points { white-space: inherit !important; }
/* ------------------ */
/* ------------------------------------------------------------------------------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ------------------------------------------------------------------------------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread.jive-body-formpage #body-apple .j-form {
max-width: inherit !important;
margin: 0px auto 20px !important;
width: inherit !important;
}
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
p.jive-replying-to { padding: 20px 0px !important; }
.jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }
/* reply to avatar */
.j-thread-post header .j-post-avatar {
position: absolute !important;
top: 0px !important;
left: -50px !important;
width: auto !important;
}
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ------------------------------------------------------------------------------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
/* activity body & comment */
.j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
.apple-activity-comments-wrapper { margin-left: 0px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
/* ------------------------------------------------------------------------------------------------
SEARCH RESULTS
*/
/* search result entry */
.j-search-results-main-container .j-search-result { padding: 10px !important; }
/* ------------------------------------------------------------------------------------------------
DOC (USER TIP)
*/
/* user tip canvas */
.jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
.j-doc .jive-content { /* NEW */
margin: 0px !important;
padding: 10px !important;
border: thin dotted !important;
}
/* ------------------------------------------------------------------------------------------------
PROFILE
*/
/* header & navigation bar (Bio|Activity|Content|Communities) */
.j-view-profile .j-page-header { padding: 10px 40px !important; }
.j-bigtab-nav { margin: 10px 40px !important; }
/* Bio */
.j-layout-l .j-column-wrap-l { width: 100% !important; }
/* Communities (places) sidebar ui blue marker adjustment
(according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s
in PLACES section) */
.j-view-profile .j-second-nav ul > li.active { width: 156px !important; }
/* ------------------
profile specialties and awards
*/
/* profile status container for specialties and awards */
.jive-view-profile .profile-status-container { display: none !important; } /* REFINED */
/* profile modal note status row for specialties and awards */
.status-row { display: none !important; }
/* ------------------ */
/* ------------------------------------------------------------------------------------------------
PLACES
*/
/* latest activity column */
.j-browse-details .j-td-activity { max-width: 650px !important; }
/* ------------------
Treatment for narrow window
Method 1 (minimum optimisation)
Adjust community list table's shift and margin to maximize its width.
*/
/* ------------------ (currently active) */
.j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
.j-layout-sl.j-browse-places .j-column-l { margin-left: 166px !important; }
.j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }
/* ------------------ */
/* ------------------
Treatment for narrow window
Method 2 (more beneficial to narrow window but has disadvantage for wide window)
Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,
otherwise it is displayed below or above it (depending upon its document tree order).
* sidebar width (constant) = 166px
* community table max width = 1019px
* canvas margin-left = 40px
* canvas margin-right = 40px
---------------------------------------
* total = 1265px
*/
/* ------------------ (currently commented out) */
/*
.j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }
.j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }
*/
/* ------------------ */
}
Good luck,
H
