#widget-area{
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 0.25em;
  border: 2px solid #6a6a6a;

  &:not(.collapsed){
    width: calc(20% - 1.5em - 4px);
  }

  #widget-button-row{
    width: 100%;
    text-align: right;

    .collapse-button{
      width: 35px;
    }
  }

  #widget-area-contents{
    display: flex;
    flex-direction: column;

    table{
      th{
        text-align: left;
      }
      td{
        padding-left: 1em;
      }
    }

    #game-info{
      margin-bottom: 1em;

      #game-info-title{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
    }

    #check-data{
      margin-bottom: 1em;
    }

    #hint-data{
      margin-bottom: 1em;
    }

    #notes{
      display: flex;
      flex-direction: column;

      textarea{
        height: 10em;
      }
    }
  }
}