@mideind/netskrafl-react 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -774,8 +774,9 @@ div.netskrafl-container * {
774
774
  }
775
775
 
776
776
  .netskrafl-container div.bag {
777
+ display: none;
777
778
  position: absolute;
778
- right: 12px;
779
+ right: 9px;
779
780
  width: 304px;
780
781
  height: 100px;
781
782
  /* Content is 97px max */
@@ -971,10 +972,6 @@ div.netskrafl-container * {
971
972
  display: none;
972
973
  }
973
974
 
974
- .netskrafl-container div.bag {
975
- display: none;
976
- }
977
-
978
975
  .netskrafl-container div.board-area {
979
976
  position: absolute;
980
977
  margin-left: 8px;
@@ -1967,13 +1964,14 @@ div.netskrafl-tile.dragging div.letterscore {
1967
1964
  }
1968
1965
 
1969
1966
  .netskrafl-container div.movelist-container div.bag {
1970
- display: block;
1971
- background-color: var(--container-bg-color);
1967
+ display: flex;
1968
+ flex-direction: row;
1969
+ justify-content: center;
1970
+ align-items: flex-start;
1972
1971
  position: relative;
1973
- left: 0;
1974
- margin: 0;
1972
+ right: auto;
1973
+ background-color: var(--container-bg-color);
1975
1974
  padding-top: 4px;
1976
- padding-left: 27px;
1977
1975
  width: 100%;
1978
1976
  height: 104px;
1979
1977
  }
@@ -6308,7 +6306,9 @@ div.netskrafl-container input[type="checkbox"] {
6308
6306
  }
6309
6307
  }
6310
6308
 
6311
- @media all and (min-width: 667px) and (orientation: landscape) and (max-height: 360px) {
6309
+ @media all and (min-width: 667px) and (orientation: landscape) and (
6310
+ max-height: 360px
6311
+ ) {
6312
6312
  /* Very short landscape screens - scale board down slightly */
6313
6313
  .netskrafl-container div.board {
6314
6314
  transform: scale(0.96);
@@ -6604,7 +6604,7 @@ div.netskrafl-container input[type="checkbox"] {
6604
6604
  }
6605
6605
  .netskrafl-container div.bag {
6606
6606
  display: block;
6607
- bottom: 108px;
6607
+ bottom: 32px;
6608
6608
  }
6609
6609
  .netskrafl-container div.rack-row {
6610
6610
  display: block;
@@ -7073,8 +7073,6 @@ div.netskrafl-container input[type="checkbox"] {
7073
7073
  }
7074
7074
  .netskrafl-container div.movelist-container div.bag {
7075
7075
  display: none;
7076
- padding: 4px 28px 0 27px;
7077
- width: auto;
7078
7076
  }
7079
7077
  .netskrafl-container div.game-timed {
7080
7078
  display: block;