Upcoming iterative improvements to Redesign Deal Details Page, Search Experience/Engine and Homepage

/*==UserCSS==
@name     SlickDeals Re-color and Re-layout and Re-size
@version  1
@grant    none
@namespace      slickdeals.net
@include        https://slickdeals.net/*
@include        https://slickdeals.net/*
==/UserCSS==
*/

/**************************/
/*  INDIVIDUAL DEAL PAGES */
/**************************/
.dealDetailsPage {
  display: flex !important;
  flex-flow: row wrap !important;
  max-width: 100% !important;
}
/* move irrelevant information to the bottom of the content area */
.dealDetailsPage .dealDetailsPage__card.dealDetailsPage__card--priceIntelligence {
  order: 999;
}

.dealDetailsPage .dealDetailsPage__card {
  padding-top: 0;
  padding-bottom: 1em;
  border-radius: 0;
}

.dealDetailsPage .dealDetailsPage__main {
  row-gap: 0;
}

/* Hide redundent and visually distracting link */
.dealDetailsPage .dealDetailsOutclickButton { display: none !important; }

/* Move the pictures of the item out of the primary eye-line */
.dealDetailsPage .dealDetailsMainBlock .dealImageGallery {
  order: 999;
}


/* get rid of the grid layout in the page header */
.dealDetailsPage .dealDetailsMainBlock__content {
  display: flex;
  flex-flow: row wrap;
  row-gap: .8em;
}
.dealDetailsPage .dealDetailsMainBlock__dealInfo {
  width: 100%;
}
.dealDetailsPage .dealDetailsMainBlock__extraInfo {
  width: 100%;
  color: #999;
  font-size: 1em;

}
.dealDetailsPage .dealDetailsMainBlock__dealTitle {
  width: 100%;
  font-size: 1.8em;
  line-height: 1.3;
}
.dealDetailsPage .dealDetailsMainBlock__price {
  width: 100%;
  padding-bottom: 2em;
}
.dealDetailsPage .dealDetailsMainBlock__socialInfo {
  width: 50%;
  flex-grow: 1;
  margin: 0;
}
.dealDetailsPage .dealDetailsMainBlock__shareVoteContainer {
    /*width: 50%;*/
}


.dealDetailsPage .dealDetailsMainBlock__shareVoteContainer {
  justify-content: flex-end;
}

/* Shrink obnoxiously large price information */
.dealDetailsPage .dealDetailsMainBlock__finalPrice {
  font-size: 1.5em;
}
.dealDetailsPage .dealDetailsMainBlock__listPrice {
  font-size: .8em;
}
.dealDetailsPage .dealDetailsMainBlock__savings {
  font-size: .8em;
}



/* move irrelevant social information out of primary eye-line */
.dealDetailsPage .dealDetailsMainBlock .dealDetailsMainBlock__vote {
  order: 999;

  /* This has 3 interactive components. Stop making it look like a single large button.*/
  border: none;
}
.dealDetailsPage .dealDetailsMainBlock__commentsNum {
  color: red;
  font-weight: bold;
}


/* Move the most relevant information to the top (the original user-submitted post) */
.dealDetailsPage .dealDetailsTab__content {
  display: flex;
  flex-flow: row wrap;
}
.dealDetailsPage .dealDetailsOriginalPostDropdown {
  order: -1;
}
.dealDetailsPage .dealDetailsOriginalPostDropdown__bar {
  border-bottom: none;

}

.dealDetailsPage .dealDetailsTab__originalPost {
  padding-top: 0;
}

.dealDetailsPage .dealDetailsOriginalPostDropdown__title {
  font-weight: bold;
  font-size: 2.5em;
  color: red;
  border-bottom: .1em solid red;
  padding-bottom: .25em;
}
.dealDetailsPage .dealDetailsOriginalPostDropdown__icon {
  color: red;
  height: auto;
  width: 1em;
}




/* Hide irrelevant "editor's notes" */
.dealDetailsPage .dealDetailsTab__editorNotesInfo {
  display: none;
}


/* Condense unimportant staff-provided information */
.dealDetailsPage .dealDetailsTab__editorNotes,
.dealDetailsPage .dealDetailsTab__bodyHtml {
  font-size: .75em;
  margin-top: 2em;
  border-top: .5em solid black;
  padding-top: 2em;
}
.dealDetailsPage .dealDetailsTab__bodyHtml {
  width: 60%;
  flex-grow: 1;
  padding-right: 3em;
}
.dealDetailsPage .dealDetailsTab__editorNotes {
  display: none; /* simply get rid of it. completely irreleveant information. */
  width: 30%;
}


/* Condense controls for irrelevant information*/
.dealDetailsPage .dealDetailsTabs__header {
  font-size: .8em;
  font-weight: normal;
}
.dealDetailsPage .dealDetailsTabs__tab {
  padding-top: .2em;
  padding-bottom: .2em;
}

/* Hide redundent input form at the top of comments, that will rarely be used */
.dealDetailsPage .commentsSectionV2 > .leaveACommentV2 {
  display: none;
}

/* hide stickied, visually distracting "feedback" button */
us-button {
display: none !important;
}



/********************/
/* Comments section */
/********************/
/* hide irrelevant "top comments" section */
.commentsSectionV2 .featuredComments {
  display: none;
}


.commentsThreadedCommentV2 .commentsThreadedCommentV2__rightColumn {
  display: flex;
  flex-flow: row wrap;
}

.commentsThreadedCommentV2 .commentContent {
  order: 1;
  width: 80%;

  padding-top: 3em;
  padding-bottom: 2.5em;
  padding-right: 2em;
}
.commentsThreadedCommentV2 .commentActions {
  order: 2;
  width: 20%;
}
.commentsThreadedCommentV2 .commentFooter {
  order: 3;
  width: 100%;
}

/* Condense mostly irrelevent comment-author's meta-information */
.commentsThreadedCommentV2 .commentsThreadedCommentAuthorV2 {
  width: 100%;
}
.commentsThreadedCommentV2 .commentsThreadedCommentAuthorV2__details {
  width: 100%;

  display: flex;
  flex-flow: row wrap;
     justify-content: space-between;
}
.commentsThreadedCommentV2 .commentActions__popover {
  order: -2;
}
.commentsThreadedCommentV2 .commentActions__replyButton {
  order: -1;
}
.commentsThreadedCommentV2 .commentsThreadedCommentAuthorV2__detail {
  font-size: .8em;
}

/* shrink obnoxiously large emoticons */
.commentsThreadedCommentV2 .commentReactionCounters__reactionIcon {
  height: 1em;
}
/* move emoticons as far off the eye-line as possible */
.commentsThreadedCommentV2 .commentReactionCounters {
  align-self: flex-end;
}

/* Remove visually emphasis on the username - its not important */
.commentsThreadedCommentV2 .commentsThreadedCommentAuthorV2__username {
  font-weight: normal;
}
/* Restore normal emphasis on the comment content - the most important information of a comment */
.commentsThreadedCommentV2 .commentContentHtmlBlock {
  color: black;
}
/* Remove obnoxious "Timeline bar" */
.commentsThreadedCommentV2 .commentsThreadedCommentV2__timelineBar {
  display: none;
}