.thesis-card{
  display: grid;
  grid-template-areas: "thesis-title thesis-picture"
                       "thesis-author thesis-picture"
                       "thesis-abstract thesis-abstract";
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr minmax(auto, 300px);
  grid-column-gap: var(--primary-spacing);
  grid-row-gap: 4px;
  margin: var(--primary-spacing) 0px;
  padding: var(--secondary-spacing);
  border-radius: var(--card-border-radius);
  background-color: #FAFAFA;
}

.thesis-pending{
  grid-template-areas:  "thesis-title thesis-picture"
                        "thesis-author thesis-picture"
                        "thesis-abstract thesis-abstract"
                        "blank thesis-actions";
  grid-template-rows: auto auto 1fr auto;
}

.thesis-picture{
  grid-area: thesis-picture;
  object-fit: cover;
  max-height: 100%;
  width: 100%;
  border-radius: 5px;
}
.thesis-title{
  grid-area: thesis-title;
  font-weight: bold;
  font-size: 20pt;
}
.thesis-author{
  grid-area: thesis-author;

}
.thesis-abstract{
  grid-area: thesis-abstract;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: pre-line;
}

.thesis-actions{
  grid-area: thesis-actions;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.thesis-actions > button:first-child{
  margin-right: var(--primary-spacing);
}
@media(max-width: 768px){
  .thesis-card{
    grid-template-areas:"thesis-title"
                        "thesis-author"
                        "blank"
                        "thesis-abstract"
                        "thesis-picture";
    grid-template-rows: auto auto var(--primary-spacing) auto auto;
    grid-template-columns: 100%;
  }

  .thesis-pending{
    grid-template-areas:  "thesis-title"
                          "thesis-author"
                          "thesis-abstract"
                          "thesis-picture"
                          "blank"
                          "thesis-actions";    
    grid-template-rows: auto auto auto auto var(--primary-spacing) auto;
    grid-row-gap: 4px;
  }
}