Gmail Date+Time in Mail List by my-name-is-adam

/* ==UserStyle==
@name           Gmail Date+Time in Mail List
@namespace      USO Archive
@author         nukumori.org
@description    `>>> <a href="https://userstyles.org/styles/146553/gmail-short-date-time-in-mail-list">new style with comfortable date+time has come!!! try it!!!</a> <<<Gmail shows only time or date on mail list. This style shows Date + Time!For example...Before:- 9:00am- Sep 17After:- Tue, Sep 18, 2012 at 9:00 AM- Mon, Sep 17, 2012 at 9:00 PM`
@version        20180603.1.39
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("mail.google.com") {
/* Gmail Date+Time in Mail List Ver.20180603 by nukumori.org */
/* # space adjustment */
/* ## define */
:root {
  --datetime-width: 14em;
}

/* ### ja */
:root:lang(ja) {
/*  --datetime-width: 9.25em; */
  --datetime-width: 11.25em;
}

/* ### Mac */
:root body[jscontroller="Gz34U"] {
  --datetime-width: 13em;
}

/* ## apply */
.xX {
  width: var(--datetime-width) !important;
  padding-right: 0;
}
.xX:lang(ja) {
  width: var(--datetime-width) !important;
}

/* # for vertical split layout*/
.apt {
  padding-right: 0 !important;
}
.apm {
  margin-right: 0 !important;
}

/* # show full date+time of title attribute */
.apm > span:after, /* for vertical split layout */
.xW > span:before {
  content: attr(title);
  color: #000;
}
.apm > span, /* for vertical split layout */
.xW > span {
  color: transparent;
  overflow: hidden;
  float: left;
}
.apm > span > b, /* for vertical split layout */
.xW > span > b {
  display: none;
}

/* # sender width for vertical row layout */
/* ******** deleted 2012-01-21 ********
.yX.xY.apy{
  width:20% !important;
}
.yf.xY.apt{
  width:80% !important;
}
*/

/* ******** added 2018-06-03 ******** */

/* # bold unread */
.zE .apm,
.zE .xW {
  font-weight: 700;
}

/* # new look 2018 */
body[jscontroller] .Zs .zA > .WA + .yX,
body[jscontroller] .Zs .zA > .bnk + .yX {
/* original width: 100% - (header: 76px) - (icon + date/time: 110px) */
  max-width: calc(100% - 76px - var(--datetime-width) - 34px);
}

/* ******** date time ******** */
body[jscontroller] .apm, /* for vertical split layout */
body[jscontroller] .xW {
  overflow: hidden;
}
body[jscontroller] .apm > span, /* for vertical split layout */
body[jscontroller] .xW > span {
  overflow: visible;
  width: calc(var(--datetime-width) + 8px);
}

/* schedule and attachment icon */
body[jscontroller] .Zs .zA > .yf {
  margin-left: 0;
}

/* ## horizontal split datetime */
body[jscontroller] .zA > .xW {
  max-width: calc(var(--datetime-width) + 8px);
  flex-basis: auto;
}
}