TranscriptsListItemInfo.scss 900 Bytes
Newer Older
1 2 3 4
@import 'src/styles/common';

.listItemInfo {
  color: $grey;
Jyothish's avatar
Jyothish committed
5
  padding-top: 0;
6 7 8
}

.middle {
9 10
  display: grid;
  grid-template-areas:
Jyothish's avatar
Jyothish committed
11 12 13 14
    'left middle right'
    'moreinformation . .'
    'downloadLink . .'
    'download download download';
15
  grid-column-gap: 10px;
16
  background: $soft-black;
Jyothish's avatar
Jyothish committed
17
  padding: 15px 30px;
18 19 20 21 22 23 24

  strong {
    color: $white;
    font-weight: normal;
  }
}

Jyothish's avatar
Jyothish committed
25 26 27 28 29
.transcriptName {
  top: -8px;
  position: relative;
}

30 31 32
.topLeft {
  grid-area: left;
  width: 190px;
Jyothish's avatar
Jyothish committed
33 34 35
  div {
    padding-bottom: 6px;
  }
36 37
}

38 39 40
.topMiddle {
  grid-area: middle;
  width: 150px;
Jyothish's avatar
Jyothish committed
41 42 43
  div {
    padding-bottom: 6px;
  }
44 45 46 47 48
}

.topRight {
  grid-area: right;
  width: 210px;
Jyothish's avatar
Jyothish committed
49 50 51 52 53 54 55
  div {
    padding-bottom: 6px;
  }
}

.moreInformation {
  padding-top: 16px;
56 57 58
}

.downloadLink {
59
  grid-area: downloadLink;
Jyothish's avatar
Jyothish committed
60
  padding-top: 6px;
61 62 63 64
}

.download {
  grid-area: download;
Jyothish's avatar
Jyothish committed
65
  padding-top: 6px;
66 67
}

68
.viewInApp {
69
  padding-top: 12px;
70
}